How can I use css for constantly updating values and buttons in Kx Dashboards?

Community Support
,
1

https://learninghub.kx.com/forums/topic/how-can-i-use-css-for-constantly-updating-values-and-buttons-in-kx-dashboards

I am trying to use css to add responsiveness to a dashboard. The current method works fine for normal text, however the code does not affect buttons, nor text that constantly updates, I believe that when the code updates, it overrides my edits.

 

This is an example of code that works:

 

@media screen and (max-width: 1600px){
.basicHeading{
font-size: 17px;
}
}

@media screen and (max-width: 1280px){
.basicHeading{
font-size: 13px;
}

…
}

 

 

This is an example of the code that is not working, I have used 1 px for testing purposes:

@media screen and (max-width: 1280px){

…

.telem{
font-size: 1px;
}

}

2

Hello ui-justin,

We are delighted to welcome you to the KX Community. Thank you for your contribution.

The following should help you for the font-sizing issue of Text&Button:

@media screen and (max-width: 1600px){
.basicComponents_label > div { font-size: 17px; }
.link-button button > span { font-size: 17px; }
}

@media screen and (max-width: 1280px){
.basicComponents_label > div { font-size: 13px; }
.link-button button > span { font-size: 13px; }
}

Let us know how you get on with this. We look forward to future engagement.

Kind regards,

Leah