• Sign In
  1. Messages

Labkey folder tabs are not responsive

LabKey Support Forum (Inactive)

View Message

view list print
Labkey folder tabs are not responsive alx dobre  2015-09-16 07:59
Status: Closed
 
Hello,

I have a page that requires 10 tabs on it. The tabs have a rather long name of about 30 chars each.

It turns out that if the tabs go beyond the page width (1024 PX) then they overflow and the user cannot click them.

To be clear I am talking about the tabs described here:

https://www.labkey.org/wiki/home/Documentation/page.view?name=tabs
 
 
Jon (LabKey DevOps) responded:  2015-09-16 20:47
Hi Alex,

Is it a requirement that each tab has such a long name? Have you tried to have shorter names to allow yourself to have more tabs available (and accessible) on the page?

Regards,

Jon
 
alx dobre responded:  2015-09-17 01:59
Of course if I create shorter names it will fit on the page, I have resorted to that atm. but that's not the point.

I was thinking of using a custom css to overwrite the nav-tabs class to make it responsive, but if I use it I need to figure out an automated way to deploy it :)
 
Jon (LabKey DevOps) responded:  2015-09-17 14:13
Hi Alex,

I just wanted to make sure that all options were considered and didn't want you to have to do any additional work if it wasn't necessary.

So you can use custom CSS as well and that CSS file can be applied via the Resources tab on Look and Feel Settings under Admin > Site > Admin Console > Look and Feel Settings.

https://www.labkey.org/wiki/home/Documentation/page.view?name=customizeLook

Regards,

Jon