Skip to main content
C
cjones-51-Visitor
1-Visitor
July 11, 2016
Question

How do you prevent loss of tabs on low resolution screens?

  • July 11, 2016
  • 3 replies
  • 2448 views

We are using a contained mashup that has a layout split by percentages of the page. When the resolution is too small, it cuts off some of the tabs that are necessary. Is there a way to change the formatting to a minimum size? For example, it might be 15% of the page but a minimum of 200 pixels so we don't cut it off? The low resolution is from using the site on an iPad. We are using Thingworx 6.0.

3 replies

A
Aanjan5-Regular Member
5-Regular Member
July 11, 2016

Cameron, just to clarify, by loss of tabs, are you using a Responsive Tab widget and some of the tabs are getting cut off? Do you get a horizontal scroll bar?

C
cjones-51-VisitorAuthor
1-Visitor
July 12, 2016

Yes, I do not get a horizontal scroll bar. I ran the page on a mobile emulator and as you shrank the resolution the tabs drop out one by one.

Q
qngo1-Visitor
1-Visitor
July 12, 2016

A minimum size can be set with left / right side bar or header / footer, but not percentage of the page and a minimum size together.

C
cjones-51-VisitorAuthor
1-Visitor
July 12, 2016

I have been poking around in our mashups and had this idea. Our master mashup has a siderbar and header; I was hoping I could use the window object to get the resolution and then make some modifications but it seems that the javascript for Thingworx doesn't have window or screen. Is there another way to get the resolution?

C
cjones-51-VisitorAuthor
1-Visitor
July 14, 2016

I resolved this by change the responsive_tabs widget's holder into a sidebar instead of a column. This resolved the issue and now the tabs are always displayed.

Q
qngo1-Visitor
1-Visitor
July 14, 2016

Yes, that's how I usually do, a layout with sidebar / header / footer in a column or a row.

Terms & ConditionsAccessibility statement