cancel
Showing results for 
Search instead for 
Did you mean: 
cancel
Showing results for 
Search instead for 
Did you mean: 

Community Tip - You can Bookmark boards, posts or articles that you'd like to access again easily! X

Mashup Flexible Containers Resolution Issue

rnfonseca
8-Gravel

Mashup Flexible Containers Resolution Issue

Hello everyone,

 

I'm new to the front-end side of development regarding ThingWorx. Recently we had an issue on our Mashups.

 

We use a 'Master Mashup' (Header Only) to create a 'Navigation Bar' so we can navigate between our dashboards. 

 

The 'Master Mashup' Header (Flex Container) is set to Grow and Shrink all nested containers. And this is working accordingly (child containers are resized accordingly). However, we have some 'Label' widgets inside those child containers whose dimensions are set in a static manner (for e.g. Width and Height '50' px). 

 

For some resolutions (For e.g. FULL HD) we have no issues. However, if we keep decreasing the resolution we note that the 'Label' widgets do not Grow/Shrink accordingly, and this is causing some deforming to occur.

 

Any pointers on how to make the 'Label' widget resize itself accordingly?

 

Best regards

1 ACCEPTED SOLUTION

Accepted Solutions

Hello rnfonseca,

 

The Label Widget is Static and thus the font size is non-responsive. The only suggestion would be a custom solution by setting the font size via CSS. I do not have a great deal of experience with CSS but was able to find the following Community Post which may be helpful:

How can I change my font size to responsive

View solution in original post

2 REPLIES 2

Hello rnfonseca,

 

The Label Widget is Static and thus the font size is non-responsive. The only suggestion would be a custom solution by setting the font size via CSS. I do not have a great deal of experience with CSS but was able to find the following Community Post which may be helpful:

How can I change my font size to responsive

Hello @tmisner ,

 

I suspected that I would have to have CSS customization brought to the table. Thank you for the quick answer!

 

Top Tags