Articles in this section
Category / Section

How to show and hide scrollbar on mouse over and mouse leave respectively

1 min read

To show scrollbar on mouse over set VerticalScrollBarVisibility andHorizontalScrollBarVisibility properties to Auto mode when IsMouseOver property is True otherwise set to Hidden.


                <Style TargetType="syncfusion:EditControl">
                        <Trigger Property="IsMouseOver" Value="True">
                            <Setter Property="VerticalScrollBarVisibility" Value="Auto"/>
                            <Setter Property="HorizontalScrollBarVisibility" Value="Auto"/>
                        <Trigger Property="IsMouseOver"
                            <Setter Property="HorizontalScrollBarVisibility" Value="Hidden"/>
                            <Setter Property="VerticalScrollBarVisibility" Value="Hidden"/>
        <syncfusion:EditControl HorizontalContentAlignment="Left" Text="{Binding Text}"  DocumentLanguage="SQL"/>


The following screenshots illustrates the output of the above code example

On mouse over:

On mouse leave:

Did you find this information helpful?
Help us improve this page
Please provide feedback or comments
Please sign in to leave a comment