This is a migrated thread and some comments may be shown as answers.

Change Size of the Buttons

3 Answers 49 Views
ListBox
This is a migrated thread and some comments may be shown as answers.
Keith
Top achievements
Rank 1
Keith asked on 29 May 2018, 02:33 PM

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

3 Answers, 1 is accepted

Sort by
0
Accepted
Rumen
Telerik team
answered on 30 May 2018, 07:00 AM
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.
0
Keith
Top achievements
Rank 1
answered on 30 May 2018, 01:40 PM
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
0
Rumen
Telerik team
answered on 30 May 2018, 02:25 PM
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.
Tags
ListBox
Asked by
Keith
Top achievements
Rank 1
Answers by
Rumen
Telerik team
Keith
Top achievements
Rank 1
Share this question
or