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

Community Support
1

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,

Thank you very much for your engagement and contribution to the KX Community Platform.

We are working on a solution for you and will update you as soon as possible. 

Kind regards,

Leah 

 

 

3

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 

4

Thank you, this has worked.