How to style a Multi Select Mode Token combobox

[Mario]

I have the same combo box styles applied to both combo boxes but the tokenized one is using a different font to display the tokens. How can I style the tokens to look like the combo underneath it. Below are my styles:

  <Style x:Key="ComboBoxStyle" TargetType="combobox:SfComboBox">

        <Setter Property="FontFamily" Value="{StaticResource Montserrat-Regular}"/>

        <Setter Property="TextSize" Value="16"/>

        <Setter Property="TextColor" Value="{DynamicResource Gray-900}"/>

        <Setter Property="ShowBorder" Value="False"/>

        <Setter Property="WatermarkColor" Value="{DynamicResource Gray-700}"/>

        <Setter Property="HeightRequest" Value="55"/>

    </Style>

Attachment: Screen_Shot_20220704_at_12.15.35_PM_6a1814ca.zip

[Ruba Shanmugam]

Hi Mario,

Query: How to style a Multi Select Mode Token combobox

We have validated your query and you can achieve your requirement by changing the font family from the TokenSettings class as per the below code snippet. Here we have prepared a  sample based on your requirement get it from the attachment below.

<Style TargetType="combobox:SfComboBox" x:Key="comboboxStyle">

                <Setter Property="FontFamily" Value="{StaticResource customfontfamily}"/>

                <Setter Property="DropDownItemFontFamily" Value="{StaticResource customfontfamily}"/>

                <Setter Property="TextSize" Value="16"/>

                <Setter Property="TextColor" Value="{DynamicResource Gray-900}"/>

                <Setter Property="ShowBorder" Value="False"/>

                <Setter Property="WatermarkColor" Value="{DynamicResource Gray-700}"/>

                <Setter Property="HeightRequest" Value="55"/>

            </Style>

            <Style TargetType="combobox:TokenSettings">

                <Setter Property="FontFamily" Value="{StaticResource customfontfamily}" />

            </Style>

Please let us know if you need any other details.

Regards,

Ruba Shanmugam

Attachment: SfComboBox_TokenFontStyle_bfb42f00.zip