[Dublin Template] Tabs_ClientSide problems in Dublin using iPad

[Dublin Template] Tabs_ClientSide problems in Dublin using iPad

  
Forge Component
(18)
Published on 11 Nov (4 weeks ago) by OutSystems Labs
18 votes
Published on 11 Nov (4 weeks ago) by OutSystems Labs
Hi,

I use Tabs_ClientSide from RichWidgets with 8 tabs.  In iPad landscape I can access only 7 tabs, but in iPad vertical it is OK - all 8 tabs.

Best regards,
Albertas
Solution
Hello Albertas,

We were able to replicate the issue and a fix for it will be available on the next release.
For now, you can do the fix yourself, directly on your application theme (not on the SilkUIFramework espace), by using this small CSS override:

.tablet.portrait li.Tabs_TabOff, 
.tablet.portrait div.Tabs_TabOff,
.tablet li.Tabs_TabOff, 
.tablet div.Tabs_TabOff,
.phone li.Tabs_TabOff, 
.phone div.Tabs_TabOff {
   box-sizing: content-box;
}
 
.tablet.portrait .Tabs_TabOff, 
.tablet.portrait li.Tabs_TabOff,
.tablet .Tabs_TabOff, 
.tablet li.Tabs_TabOff,
.phone .Tabs_TabOff, 
.phone li.Tabs_TabOff {
    width: 34px;
    overflow-x: hidden;
    text-overflow: ellipsis;
}

Best Regards,
Samuel Jesus
Solution
Hi,

Thanks you

Best regards
Albertas