cancel
Showing results for 
Search instead for 
Did you mean: 

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

ui-justin
New Contributor

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;
}

}

1 ACCEPTED SOLUTION

leah_marie_s
Moderator Moderator
Moderator

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 

View solution in original post

3 REPLIES 3

leah_marie_s
Moderator Moderator
Moderator

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 

 

 

leah_marie_s
Moderator Moderator
Moderator

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 

View solution in original post

Thank you, this has worked.