How to customize dropdown button

Hi,

I need to either hide or style the dropdown button in SfMultiColumnDropDownControl?


2 Replies

DM Dhanasekar Mohanraj Syncfusion Team July 18, 2022 04:15 PM UTC

Hi Fahad,


Currently, we are checking the feasibilities to achieve your requirement on our end. We will validate and update you on further details on July 20, 2022.


We appreciate your patience until then.


Regards,

Dhanasekar M.



DM Dhanasekar Mohanraj Syncfusion Team July 20, 2022 02:36 PM UTC

Hi Fahad,

Your requirement to hide/change the color of the drop-down icon in SfMultColumnDropDownControl is achieved by setting the foreground color as Transparent/setting the required color on DropDownToggleButtonStyle shown below,

<Style x:Key="DropDownToggleButtonStyle" TargetType="ToggleButton">

    <Setter Property="ClickMode" Value="Release" />

    <Setter Property="Foreground" Value= "Transparent" />

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

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

    <Setter Property="Template">

        <Setter.Value>

            <ControlTemplate>

                <Border Background="White">

                    <Grid>

                        <Path Width="10"

                          Height="10"

                          Margin="4"

                          Data="F1M10.6668,-9.99999999997669E-05L6.0008,4.6669L1.3328,-9.99999999997669E-05L-0.000199999999999534,1.3339L6.0008,7.3329L11.9998,1.3339z"

                          Fill="{TemplateBinding Foreground}"

                          RenderTransformOrigin="0.5,0.5"

                          Stretch="Uniform" />

                    </Grid>

                </Border>

            </ControlTemplate>

        </Setter.Value>

    </Setter>

</Style>


Please find the sample in the attachment and let us know if you have any concerns about this.


Regards,
Dhanasekar M.


Attachment: Sample_9c2d6c6d.zip

Loader.
Up arrow icon