dropdownlist font size

1 Answer 581 Views
DropDownList
serge
Top achievements
Rank 2
Bronze
Iron
Iron
serge asked on 03 Feb 2022, 12:18 AM

how to customize, using scss and variables the font size of the dropdownLists?

Actually is 16px, but i need smaller one

1 Answer, 1 is accepted

Sort by
1
Accepted
Valentin
Telerik team
answered on 04 Feb 2022, 10:01 AM

Hi Serge,

Due to the fact that there is no specific variable that customizes the font-size of the DropDownnList component the only way to achieve the required is to use the $kendo-input-font-size-md variable that customizes all input and picker components (Inputs, DropDowns, DateInputs):

https://github.com/telerik/kendo-themes/blob/develop/packages/default/scss/input/_variables.scss#L21

https://www.telerik.com/kendo-angular-ui/components/styling/custom-themes/#toc-using-the-build-process-of-the-application

The other way to achieve the required customization is to use custom CSS styles:

.k-dropdownlist {
    font-size: 12px;
}

I hope the provided solution helps.

Regards,
Valentin
Progress Telerik

Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.

serge
Top achievements
Rank 2
Bronze
Iron
Iron
commented on 04 Feb 2022, 10:37 AM

should "-md" mean that the font of drowpdown controls with attribute size="small" is different 
Tags
DropDownList
Asked by
serge
Top achievements
Rank 2
Bronze
Iron
Iron
Answers by
Valentin
Telerik team
Share this question
or