title: How can I adjust the size of a KivyMD Tabs' content?
body: <p>I'm trying to build three tabs using KivyMD, but when I add a content to each MDTabsBase, the contents always take the same space. I tried a lot changing it's size so the content takes the whole box, but just doesn't work. </p>
  
  <p>Here is how the content looks like: </p>
  
  <p><a href="https://i.stack.imgur.com/lka4m.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/lka4m.png" alt="enter image description here"></a></p>
  
  <p>And the code: </p>
  
  <pre><code>Screen:
      name: 'itemscad_food'
      BoxLayout:
          id: boxcad
          orientation: 'vertical'
          MDToolbar:
              id: toolcad
              title: "Item Register"
              md_bg_color: app.theme_cls.primary_color
              anchor_title: 'justify'
              left_action_items: [['menu-left', lambda x: app.back_button()]]
          BoxLayout:
              id: tabox
              orientation: 'vertical'
              MDTabs:
                  id: itemstab
                  tab_display_mode: 'text'            
  
                  MDTabsBase:
                      id: ingr_tab
                      name: 'ingredients'
                      text: "Ingredientes"                                                
  
                  MDTabsBase:
                      id: prod_tab
                      name: 'products'
                      text: "Products"
                      MyLabel:
                          text: 'Strawberry Cake'
                      MyLabel:
                          text: 'Chocolate Cake'
  
                  MDTabsBase:
                      id: pack_tab
                      name: 'packs'
                      text: "Pacotes"
  </code></pre>
  
  <p>Yes, I am only using KV Language for this. I'm building most of App's layout on it and so far it's all good, except for this :/</p>
  
  <p>I also tried to do it in another way: </p>
  
  <ul>
  <li>Building the tabs content separately from the MDTabs class, but this way I can't seem to find a way to make different contents for each Tab. </li>
  </ul>
  
  <p>Here is how it looks like the other way:</p>
  
  <p><a href="https://i.stack.imgur.com/9VTp2.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/9VTp2.png" alt="enter image description here"></a></p>
  
  <p>And the code: </p>
  
  <pre><code>    Screen: 
          name: 'itemscad_food'
          BoxLayout:
              id: boxcad
              orientation: 'vertical'
              MDToolbar:
                  id: toolcad
                  title: "Item Register"
                  md_bg_color: app.theme_cls.primary_color
                  anchor_title: 'justify'
                  left_action_items: [['menu-left', lambda x: app.back_button()]]
              BoxLayout:
                  id: tabox
                  orientation: 'vertical'
                  MDTabs:
                      id: itemstab
                      tab_display_mode: 'text'            
  
                      MDTabsBase:
                          id: ingr_tab
                          name: 'ingredients'
                          text: "Ingredientes"                                                
  
                      MDTabsBase:
                          id: prod_tab
                          name: 'products'
                          text: "Products"
  
                      MDTabsBase:
                          id: pack_tab
                          name: 'packs'
                          text: "Pacotes"
  
              FloatLayout:       
                  BoxLayout:
                      id: listbox
                      size_hint_y: None
                      height: boxcad.height - (toolcad.height + itemstab.tab_bar_height)
                      orientation: 'vertical'
                      ScrollView:
                          do_scroll_x: False
                          MDList:     
                              OneLineRightIconListItem:
                                  text: 'Strawberry Cake'
                                  MyListDeleteIcon:
                                      icon: 'trash-can'
                              OneLineRightIconListItem:
                                  text: 'Chocolate Cake'
                                  MyListDeleteIcon:
                                      icon: 'trash-can'
                              OneLineRightIconListItem:
                                  text: 'Vanilla Cake'
                                  MyListDeleteIcon:
                                      icon: 'trash-can'
                              ...
  
  </code></pre>
  
  <p>Can anyone give me ideas on this?</p>
  
  <p>I am so sorry for any mistakes, as I'm still getting used to coding xD</p>
  
  <p>Thanks anyway!!!</p>