extra space in coming in the tab set

edited February 11, 2020 in Questions
Hi team,

I upgraded the package from Millau (11.2.9) to Millau (11.2.25). Then extra space is coming the tab set.
image

Please let me know what can we do to remove the extra space.


Thanks,
Geeta Garg

Comments

  • AkankshaAkanksha ✭✭
    edited October 10, 2019

    Hi All,


    We have got this link https://bugs.jqueryui.com/ticket/8442 , which say this issue is due to ui-helper-clearfix css class and it has been fixed by adding this line  order-collapse:collapse which we can see by inspect the element in the browser. 

    Original case might be fixed but later when one user again faced this issue and he had fixed it by replacing from display:table  to  display:table-cell line in the CSS class. 

    We have tried this second option and it removed the extra spaces but also remove border of the table.


    Please help on this issue. 

    Thanks,
    Akanksha
  • Luzie BaumgartLuzie Baumgart 🛠️ 
    edited October 17, 2019
    Hi all, does this happen only with custom CSS, or can you also reproduce it on a simplified page without custom CSS? If the latter, could you please share the page XML here? Thanks! Luzie
  • AkankshaAkanksha ✭✭
    edited February 4, 2020
    Hi Luzie,

    This issue is reproducible without any CSS, you just need to add Tab-set then add  tab within it in any skuid page

    Thanks,
    Akanksha
  • Luzie BaumgartLuzie Baumgart 🛠️ 
    edited February 7, 2020
    Hi Akanksha, thank you for the feedback. I can't reproduce the issue, could you please attach the XML of a page that shows the issue? If models needed, please try to use UI-only models and fields only. Please avoid any models, components, action sequences, snippets, CSS, etc., that are not relevant to reproduce the issue. Thanks!
  • AkankshaAkanksha ✭✭
    edited February 10, 2020

    Hi Luzie,


    Please find the below XML to reproduce this issue,
    Skuid Version:
    Skuid, Inc.12.2.12

    <skuidpage personalizationmode="server" useviewportmeta="true" showsidebar="true" showheader="true" theme="Lightning Design">
     <models/>
     <components>
      <tabset rememberlastusertab="false" defertabrendering="true" uniqueid="sk-3hmC-332" renderas="lefttabs" sidebarwidth="250">
       <tabs>
        <tab name="New tab" loadlazypanels="true">
         <components>
          <tabset rememberlastusertab="false" defertabrendering="true" uniqueid="sk-3huc-868">
           <tabs>
            <tab name="AAAAAA">
             <components/>
             <oninitialshowactions/>
             <onshowactions/>
             <renderconditions logictype="and"/>
            </tab>
            <tab name="BBBBB" loadlazypanels="true">
             <components/>
             <renderconditions logictype="and"/>
             <oninitialshowactions/>
             <onshowactions/>
            </tab>
            <tab name="CCCCCC" loadlazypanels="true">
             <components/>
             <renderconditions logictype="and"/>
             <oninitialshowactions/>
             <onshowactions/>
            </tab>
           </tabs>
           <renderconditions logictype="and"/>
          </tabset>
         </components>
         <oninitialshowactions/>
         <onshowactions/>
         <renderconditions logictype="and"/>
        </tab>
        <tab name="New Tab" loadlazypanels="true">
         <components/>
        </tab>
        <tab name="New Tab" loadlazypanels="true">
         <components/>
        </tab>
       </tabs>
       <renderconditions logictype="and"/>
      </tabset>
     </components>
     <resources>
      <labels/>
      <javascript/>
      <css/>
      <actionsequences uniqueid="sk-3i7S-695"/>
     </resources>
     <styles>
      <styleitem type="background" bgtype="none"/>
     </styles>
     <interactions/>
    </skuidpage>





    Regards,
    Akanksha Singh
  • Luzie BaumgartLuzie Baumgart 🛠️ 
    edited February 10, 2020
    Thanks Akanksha, this XML is very helpful, I can see the issue and started the investigation.
Sign In or Register to comment.

Howdy, Stranger!

It looks like you're new here. If you want to get involved, click one of these buttons!