Change Size of the Buttons

4 posts, 1 answers
  1. Keith
    Keith avatar
    117 posts
    Member since:
    Mar 2015

    Posted 29 May 2018 Link to this post

    I am using version 2018.1.112.40 of the Telerik software.

    How to change the size of the Buttons?

    Please help!

    Thanks!

    Sincerely,

    Keith Jackson

  2. Answer
    Rumen
    Admin
    Rumen avatar
    14010 posts

    Posted 30 May 2018 Link to this post

    Hi Keith,

    When loading the control in Lightweight render mode, you can control the transfer buttons size and their font icons dimensions using the following CSS classes:

    <style>
            /* control the buttons size */
            .RadListBox .rlbNoButtonText.rlbButton {
                font-size20px !important;
            }
            /* control the icons size in the buttons */
            .RadListBox .rlbButtonIcon {
                font-size20px !important;
            }
    </style>


    For your convenience I recorded a video demonstration and attached it to my reply.

    Best regards,
    Rumen
    Progress Telerik
    Try our brand new, jQuery-free Angular components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
  3. Keith
    Keith avatar
    117 posts
    Member since:
    Mar 2015

    Posted 30 May 2018 in reply to Rumen Link to this post

    Hi Rumen,
    That works.
    I figured I was getting close with trying to use .rlbNoButtonText but I did not know about .rlbButton and .rlbButtonIcon.  I did not find .rlbButton and .rlbButtonIcon in the documentation for the ListBox.  If it is in the documentation then please direct me to where it is.
    Thanks for your help!
    Sincerely,
    Keith Jackson
  4. Rumen
    Admin
    Rumen avatar
    14010 posts

    Posted 30 May 2018 Link to this post

    Thank you for your valuable feedback. We will update the documentation with the missing classes available in the lightweight rendering.

    Best regards,
    Rumen
    Progress Telerik
    Try our brand new, jQuery-free Angular components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
Back to Top