WPF ScrollViewer issues

FFabiCrafter

11/19/2023

Hello, I have the problem that the scrollviewer in C# (WPF) does not work properly. I haven't defined anything special, but the scrollviewer runs from bottom to top, i.e. with the content, which is exactly the opposite direction. I would be very grateful if someone could help me. My code:

<ScrollViewer VerticalScrollBarVisibility="Visible" Margin="10,10,10,10">
    <ScrollViewer.Resources>
        <Style x:Key="{x:Type ScrollBar}" TargetType="{x:Type ScrollBar}">
            <Setter Property="Stylus.IsFlicksEnabled" Value="false"/>
            <Setter Property="Foreground" Value="DarkGray"/>
            <Setter Property="Width" Value="20"/>
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="{x:Type ScrollBar}">
                        <Grid>
                            <Track x:Name="PART_Track" Width="10">
                                <Track.Thumb>
                                    <Thumb>
                                        <Thumb.Template>
                                            <ControlTemplate TargetType="{x:Type Thumb}">
                                                <Rectangle Fill="{TemplateBinding Background}" RadiusX="5" RadiusY="5"/>
                                            </ControlTemplate>
                                        </Thumb.Template>
                                        <Thumb.Background>
                                            <LinearGradientBrush StartPoint="0,0" EndPoint="1,1">
                                                <GradientStop Color="DarkGray" Offset="0.0"/>
                                                <GradientStop Color="Gray" Offset="0.5"/>
                                                <GradientStop Color="DarkGray" Offset="1.0"/>
                                            </LinearGradientBrush>
                                        </Thumb.Background>
                                    </Thumb>
                                </Track.Thumb>
                            </Track>
                        </Grid>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>
    </ScrollViewer.Resources>

<ScrollViewer VerticalScrollBarVisibility="Visible" Margin="10,10,10,10">
    <ScrollViewer.Resources>
        <Style x:Key="{x:Type ScrollBar}" TargetType="{x:Type ScrollBar}">
            <Setter Property="Stylus.IsFlicksEnabled" Value="false"/>
            <Setter Property="Foreground" Value="DarkGray"/>
            <Setter Property="Width" Value="20"/>
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="{x:Type ScrollBar}">
                        <Grid>
                            <Track x:Name="PART_Track" Width="10">
                                <Track.Thumb>
                                    <Thumb>
                                        <Thumb.Template>
                                            <ControlTemplate TargetType="{x:Type Thumb}">
                                                <Rectangle Fill="{TemplateBinding Background}" RadiusX="5" RadiusY="5"/>
                                            </ControlTemplate>
                                        </Thumb.Template>
                                        <Thumb.Background>
                                            <LinearGradientBrush StartPoint="0,0" EndPoint="1,1">
                                                <GradientStop Color="DarkGray" Offset="0.0"/>
                                                <GradientStop Color="Gray" Offset="0.5"/>
                                                <GradientStop Color="DarkGray" Offset="1.0"/>
                                            </LinearGradientBrush>
                                        </Thumb.Background>
                                    </Thumb>
                                </Track.Thumb>
                            </Track>
                        </Grid>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>
    </ScrollViewer.Resources>

FFabiCrafter

11/19/2023

DDharmang

11/19/2023

I think @Mimal99 can help you with that 😉 ...

FFabiCrafter

11/19/2023

Thanks, let's see what he's saying 🙂

DDharmang

11/19/2023

Can you share the whole sample code?

FFabiCrafter

11/19/2023

Sure, one moment

FFabiCrafter

11/19/2023

It's just XAML code for the design, I'll add the C# code and all functions later

FFabiCrafter

11/19/2023

Or do you need more?

DDharmang

11/19/2023

no just need this

FFabiCrafter

11/19/2023

alright

DDharmang

11/19/2023

@FabiCrafter it seems the issue is with the custom scrollbar template

FFabiCrafter

11/19/2023

Okay, do you have any idea how to fix it? I have no clue why this happened

DDharmang

11/19/2023

... 😄 i just know dotnet web api's but when i commented out that code it is working as expected. maybe try getting the code from chatgpt. i am doing that rn

FFabiCrafter

11/19/2023

I've just tried that, but unfortunately ChatGPT 3.5 doesn't seem to have a solution for my problem

DDharmang

11/19/2023

i am not much experienced with wpf but try this out. chatpgpt is giving half-a$$ results https://github.com/CSharpDesignPro/WPF-Custom-Scrollbar/blob/master/Source/MainWindow.xaml

FFabiCrafter

11/19/2023

Adding IsDirectionReversed="True" to my Track attribute fixed the issue. Thanks guys.

DDharmang

11/19/2023

when i pasted i was getting errors.. and didnt know how to solve it lol