Customizing the scroll bar of the TextEditor control

[kokaKOLA-NEW]

Hello,

I am trying to customize the scroll bar of the TextEditor control in my Avalonia application. I know how to style scroll bars in general, but I am having difficulty applying these styles to the TextEditor's scroll bar.

Does anyone know how I can customize the scroll bar of the TextEditor please?

[mgarstenauer]

Here is an example: I added a style to AvaloniaEdit.Demo to make the vertical scrollbar background red:

<Window xmlns="https://github.com/avaloniaui"
        xmlns:AvalonEdit="using:AvaloniaEdit"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        x:Class="AvaloniaEdit.Demo.MainWindow" ...>

  <Window.Styles>
    <Style Selector="AvalonEdit|TextEditor.red /template/ ScrollViewer /template/ ScrollBar#PART_VerticalScrollBar">
      <Setter Property="Background" Value="Red"/>
    </Style>
  </Window.Styles>

    ...

        <AvalonEdit:TextEditor Classes="red"
                               HorizontalScrollBarVisibility="Auto"
                               VerticalScrollBarVisibility="Visible" />

    ...
</Window>

[kokaKOLA-NEW]

Thank you very much

[kokaKOLA-NEW]

Sorry to bother you again, but do you know how I can make the content of the text have a right margin? Because the scrollbar is currently overlapping my scroll bar.

[mgarstenauer]

Try:

<AvalonEdit:TextEditor Padding="0,0,50,0" ...  />

[kokaKOLA-NEW]

I hadn't thought of that, thank you very much.