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

Media Query for Label and ValueDisplay widgets

Shashi_Preetham
17-Peridot

Media Query for Label and ValueDisplay widgets

Hello,

How to write Media query for label and ValueDisplay, making a responsive mashup, so based on the Screen Resolution, the font size of the Label and ValueDisplay should Increase and Decrease.

Can someone help me to write a Media Query?

Thanks,

Shashi Preetham (psp316r)
1 ACCEPTED SOLUTION

Accepted Solutions

Hello,

So after going through some CSS Syntax, following CSS for Media Queries worked for me.

 

@media only screen and (max-height: 800px), screen and (max-width: 1550px)
{
   html{
       zoom: .1
   }
}

 

Thanks,

Shashi Preetham (psp316r)

View solution in original post

3 REPLIES 3

Hello @Shashi_Preetham You can use the similar example as in this article  to define your Media Query and change the Label and Value Display widget size as per different screen resolution.

 

If looking for a different approach, please let me know about it.

 

You can also refer to this training on PTC Development Portal for defining Media Queries.

Hey @suverma ,

Can you please share a simple snippet for label font size using Media Query?

Thanks,

Shashi Preetham (psp316r)

Hello,

So after going through some CSS Syntax, following CSS for Media Queries worked for me.

 

@media only screen and (max-height: 800px), screen and (max-width: 1550px)
{
   html{
       zoom: .1
   }
}

 

Thanks,

Shashi Preetham (psp316r)
Announcements