KX Community

Find answers, ask questions, and connect with our KX Community around the world.

Home Forums KX Solutions How can I use css for constantly updating values and buttons in Kx Dashboards?

  • 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 1 month 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.