• KX Solutions

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

  Posted by Laura on August 31, 2021 at 12:00 am

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

  }

  Laura replied 8 months ago 2 Members · 1 Reply
• 1 Reply

• 

  leahs

  Member

  September 1, 2021 at 12:00 am

  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

Log In to Reply