From dbf0a1f3c65c6b4b5e06961b20f6ee22448dc13b Mon Sep 17 00:00:00 2001
From: Riccardo Piredda <127589992+Nemonek@users.noreply.github.com>
Date: Sun, 1 Sep 2024 13:23:48 +0200
Subject: [PATCH 01/17] Starting to create guide

---
 ...o-show-and-hide-a-split-view-pane-with-mvvm.md | 15 +--------------
 1 file changed, 1 insertion(+), 14 deletions(-)

diff --git a/docs/guides/development-guides/how-to-show-and-hide-a-split-view-pane-with-mvvm.md b/docs/guides/development-guides/how-to-show-and-hide-a-split-view-pane-with-mvvm.md
index 5f77c5bd8..2eafddd8d 100644
--- a/docs/guides/development-guides/how-to-show-and-hide-a-split-view-pane-with-mvvm.md
+++ b/docs/guides/development-guides/how-to-show-and-hide-a-split-view-pane-with-mvvm.md
@@ -2,18 +2,5 @@
 id: how-to-show-and-hide-a-split-view-pane-with-mvvm
 title: How To Show and Hide a Split View Pane with MVVM
 ---
-
-import SplitViewExpanderScreenshot from '/img/reference/controls/splitview/splitview-expander.gif';
-
-Content in preparation.
-
-You can use the MVVM pattern with the split view control to implement a 'tool pane' style UI.
-
-:::info
-This technique uses a complex **binding path** to locate the parent view model for the 
-:::
-
-TO DO
-
-<img src={SplitViewExpanderScreenshot} alt=""/>
+# How To Show and Hide a Split View Pane with MVVM
 

From e52c0836149b197dda937328b2c2a6c07f6f1940 Mon Sep 17 00:00:00 2001
From: Riccardo Piredda <127589992+Nemonek@users.noreply.github.com>
Date: Sun, 1 Sep 2024 14:26:24 +0200
Subject: [PATCH 02/17] Create img folder for guide
 How-to-show-and-hide-a-split-view-pane-with-MVVM

---
 .../How-to-show-and-hide-a-split-view-pane-with-MVVM/tmp.md      | 1 +
 1 file changed, 1 insertion(+)
 create mode 100644 static/img/guides/development-guides/How-to-show-and-hide-a-split-view-pane-with-MVVM/tmp.md

diff --git a/static/img/guides/development-guides/How-to-show-and-hide-a-split-view-pane-with-MVVM/tmp.md b/static/img/guides/development-guides/How-to-show-and-hide-a-split-view-pane-with-MVVM/tmp.md
new file mode 100644
index 000000000..8b1378917
--- /dev/null
+++ b/static/img/guides/development-guides/How-to-show-and-hide-a-split-view-pane-with-MVVM/tmp.md
@@ -0,0 +1 @@
+

From a74a02e482e130dd4e25e593c1e1d841d6a08497 Mon Sep 17 00:00:00 2001
From: Riccardo Piredda <127589992+Nemonek@users.noreply.github.com>
Date: Sun, 1 Sep 2024 14:27:16 +0200
Subject: [PATCH 03/17] Delete tpm file used to create directories

---
 .../How-to-show-and-hide-a-split-view-pane-with-MVVM/tmp.md      | 1 -
 1 file changed, 1 deletion(-)
 delete mode 100644 static/img/guides/development-guides/How-to-show-and-hide-a-split-view-pane-with-MVVM/tmp.md

diff --git a/static/img/guides/development-guides/How-to-show-and-hide-a-split-view-pane-with-MVVM/tmp.md b/static/img/guides/development-guides/How-to-show-and-hide-a-split-view-pane-with-MVVM/tmp.md
deleted file mode 100644
index 8b1378917..000000000
--- a/static/img/guides/development-guides/How-to-show-and-hide-a-split-view-pane-with-MVVM/tmp.md
+++ /dev/null
@@ -1 +0,0 @@
-

From de13a4317795e629ac6b00ac114e6360ed710af7 Mon Sep 17 00:00:00 2001
From: Riccardo Piredda <127589992+Nemonek@users.noreply.github.com>
Date: Sun, 1 Sep 2024 14:33:28 +0200
Subject: [PATCH 04/17] Create directories ( again ) for images

I guess github does not like empty directories
---
 .../How-to-show-and-hide-a-split-view-pane-with-MVVM/tmp.md      | 1 +
 1 file changed, 1 insertion(+)
 create mode 100644 static/img/guides/development-guides/How-to-show-and-hide-a-split-view-pane-with-MVVM/tmp.md

diff --git a/static/img/guides/development-guides/How-to-show-and-hide-a-split-view-pane-with-MVVM/tmp.md b/static/img/guides/development-guides/How-to-show-and-hide-a-split-view-pane-with-MVVM/tmp.md
new file mode 100644
index 000000000..8b1378917
--- /dev/null
+++ b/static/img/guides/development-guides/How-to-show-and-hide-a-split-view-pane-with-MVVM/tmp.md
@@ -0,0 +1 @@
+

From d029d110f709ee52147c607f64ba18474b5bc22e Mon Sep 17 00:00:00 2001
From: Riccardo Piredda <127589992+Nemonek@users.noreply.github.com>
Date: Sun, 1 Sep 2024 14:33:59 +0200
Subject: [PATCH 05/17] Upload example images

---
 .../First-example.PNG                           | Bin 0 -> 12144 bytes
 .../Second-example.PNG                          | Bin 0 -> 17482 bytes
 2 files changed, 0 insertions(+), 0 deletions(-)
 create mode 100644 static/img/guides/development-guides/How-to-show-and-hide-a-split-view-pane-with-MVVM/First-example.PNG
 create mode 100644 static/img/guides/development-guides/How-to-show-and-hide-a-split-view-pane-with-MVVM/Second-example.PNG

diff --git a/static/img/guides/development-guides/How-to-show-and-hide-a-split-view-pane-with-MVVM/First-example.PNG b/static/img/guides/development-guides/How-to-show-and-hide-a-split-view-pane-with-MVVM/First-example.PNG
new file mode 100644
index 0000000000000000000000000000000000000000..ddadb5719089e6170724ab38c57101ab2ad5cdc0
GIT binary patch
literal 12144
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
ab}1LhXFgc*W3~nQtCp`_mbY}*xBmnu#K!0V

literal 0
HcmV?d00001

diff --git a/static/img/guides/development-guides/How-to-show-and-hide-a-split-view-pane-with-MVVM/Second-example.PNG b/static/img/guides/development-guides/How-to-show-and-hide-a-split-view-pane-with-MVVM/Second-example.PNG
new file mode 100644
index 0000000000000000000000000000000000000000..0ca6ff2f5b861b606c9d743a370c49e0f6738bf0
GIT binary patch
literal 17482
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

literal 0
HcmV?d00001


From b434a66f298122180afd02c902e28ede25c430e8 Mon Sep 17 00:00:00 2001
From: Riccardo Piredda <127589992+Nemonek@users.noreply.github.com>
Date: Sun, 1 Sep 2024 14:39:40 +0200
Subject: [PATCH 06/17] First version of the guide. Waiting for last part

---
 ...ow-and-hide-a-split-view-pane-with-mvvm.md | 150 ++++++++++++++++++
 1 file changed, 150 insertions(+)

diff --git a/docs/guides/development-guides/how-to-show-and-hide-a-split-view-pane-with-mvvm.md b/docs/guides/development-guides/how-to-show-and-hide-a-split-view-pane-with-mvvm.md
index 2eafddd8d..45761161b 100644
--- a/docs/guides/development-guides/how-to-show-and-hide-a-split-view-pane-with-mvvm.md
+++ b/docs/guides/development-guides/how-to-show-and-hide-a-split-view-pane-with-mvvm.md
@@ -2,5 +2,155 @@
 id: how-to-show-and-hide-a-split-view-pane-with-mvvm
 title: How To Show and Hide a Split View Pane with MVVM
 ---
+
+import FirstExample from '/img/guides/development-guides/How-to-show-and-hide-a-split-view-pane-with-MVVM/First-example.PNG';
+import SecondExample from '/img/guides/development-guides/How-to-show-and-hide-a-split-view-pane-with-MVVM/Second-example.PNG';
+
 # How To Show and Hide a Split View Pane with MVVM
+In this guide you will learn how to show and hide a split view panel using the MVVM pattern. If you are new to Avalonia UI please check out the following documents: [The MVVM patter](https://docs.avaloniaui.net/docs/concepts/the-mvvm-pattern/) - [Avalonia UI and MVVM](https://docs.avaloniaui.net/docs/concepts/the-mvvm-pattern/avalonia-ui-and-mvvm).
+To proceed in this guide you will need at least a basic understanding of what Data Binding is and how it works in Avalonia.
+If you are coming from WPF, then the mechanism is nearly the same, except for some differences that will not be covered in this guide.
+
+## Starting
+First of all, you need to create an MVVM application project, which you can do by reading the following guide [Create and run a project](https://docs.avaloniaui.net/docs/get-started/test-drive/create-a-project).<br>
+Once you created the project you should be presented with the following files:
+- MainWindow.axaml
+- MainWindowViewModel.cs
+
+Those are the files that you will be editing, except for the one that you will be creating during this guide.
+
+:::info
+Although here I will be using the MainWindow.axaml and MainWindowViewModel.cs files, this guide will work for every other View and its respective ViewModel.
+:::
+
+## Adding the SplitView panel to the MainWindow
+The starting point will be something like this:
+``` xml
+add
+```
+
+For the sake of simplicity I will be deleting everything in the main window and adding the SplitView panel.
+<br>
+Start by creating the panel and by defining the basics of how you want it to behave (for more informations on how this control works see [here](https://docs.avaloniaui.net/docs/reference/controls/splitview)) 
+``` xml
+<SplitView PanePlacement="Right" DisplayMode="CompactInline">
+</SplitView>
+```
+If you used this same code you should see the following window when starting the application. The light grey panel on the right is the one you will be expanding at the end of this guide.
+<img className="screenshot-full" src={FirstExample} alt="First example" />
+
+## Adding the SplitView's pane
+Now that we have the SplitView we need to create its pane, which is the part that will be hidden when the split view is closed.
+``` xml
+<SplitView PanePlacement="Right" DisplayMode="CompactInline">
+    <SplitView.Pane>
+
+    </SplitView.Pane>
+</SplitView>
+```
+We will now add some additional elements to the pane. First we will add a StackPanel, then a button and a textbox with the text "Settings". The following configurations will ensure that the button and the text are aligned.
+``` xml
+<SplitView PanePlacement="Right" DisplayMode="CompactInline">
+    <SplitView.Pane>
+        <StackPanel VerticalAlignment="Top" Margin="5" Orientation="Horizontal">
+            <Button>
+            </Button>
+            <TextBlock VerticalAlignment="Center" Margin="15, 0, 0, 0" FontSize="25" Text="Settings"/>
+        </StackPanel>
+    </SplitView.Pane>
+</SplitView>
+```
+
+### Adding some content to the SplitView
+To make things more clear, I will add a TextBlock in the main part of the SplitView, which will be the content you may add and that will be alway visible.
+``` xml
+<SplitView PanePlacement="Right" DisplayMode="CompactInline">
+    <SplitView.Pane>
+        <StackPanel VerticalAlignment="Top" Margin="5" Orientation="Horizontal">
+            <Button>
+            </Button>
+            <TextBlock VerticalAlignment="Center" Margin="15, 0, 0, 0" FontSize="25" Text="Settings"/>
+        </StackPanel>
+    </SplitView.Pane>
+    <TextBlock HorizontalAlignment="Center" VerticalAlignment="Center" Text="MainWindow" FontSize="25"/>
+</SplitView>
+```
+
+## Binding the SplitView's `IsPaneOpen` property to a ViewModel's property.
+Fist of all, create a boolean property with a private backing field in the ViewModel which will contains the boolean value. Now, by using Reactive UI, make it notify every change to the backing field to the UI. Remember to initialize the backing property with the value you need in the VewModel's constructor.
+:::info
+By default in an MVVM project each ViewModel inherit from a ViewModelBase which inherits from the ReactiveObject class. By doing so in every ViewModel there will be the necessary methods to notify the UI. For more informations see [here](https://docs.avaloniaui.net/docs/concepts/reactiveui/reactive-view-model).
+:::
+``` C#
+private bool _isSplitViewPaneOpen;
+public bool IsSplitViewPaneOpen
+{
+    get => this._isSplitViewPaneOpen;
+    set
+    {
+        this.RaiseAndSetIfChanged(ref this._isSplitViewPaneOpen, value);
+    }
+}
+public MainWindowViewModel()
+{
+    this._isSplitViewPaneOpen = false;
+}
+```
+Now that we have the property with its backing field initialized, we can bind it to the SplitView's property: add the following code to the SplitView tag.
+``` xml
+IsPaneOpen="{Binding IsSplitViewPaneOpen}"
+```
+You should now have the following configuration:
+``` xml
+<SplitView PanePlacement="Right" DisplayMode="CompactInline" IsPaneOpen="{Binding IsSplitViewPaneOpen}">
+```
+
+## Configuring the button
+At this point all we need to do is make the button open and close the SplitView's pane when clicked.
+To do so create a public property of type ICommand in the ViewModel with just the "getter method".
+``` C#
+public ICommand ChangeSplitViewPaneStatusCommand { get; }
+```
+And initialize it in the constructor.
+``` C#
+this.ChangeSplitViewPaneStatusCommand = ReactiveCommand.Create(() =>
+{
+    this.IsSplitViewPaneOpen = !this.IsSplitViewPaneOpen;
+});
+```
+<br>
+You should now have the following code in the ViewModel:
+
+``` C#
+public class MainWindowViewModel : ViewModelBase
+{
+    private bool _isSplitViewPaneOpen;
+    public bool IsSplitViewPaneOpen
+    {
+        get => this._isSplitViewPaneOpen;
+        set
+        {
+            this.RaiseAndSetIfChanged(ref this._isSplitViewPaneOpen, value);
+        }
+    }
+
+    public ICommand ChangeSplitViewPaneStatusCommand { get; }
 
+    public MainWindowViewModel()
+    {
+        this._isSplitViewPaneOpen = false;
+        this.ChangeSplitViewPaneStatusCommand = ReactiveCommand.Create(() =>
+        {
+            this.IsSplitViewPaneOpen = !this.IsSplitViewPaneOpen;
+        });
+    }
+}
+```
+Now, to make the button invoke the command you just need to bind it. (For more informations see [here](https://docs.avaloniaui.net/docs/0.10.x/data-binding/binding-to-commands))
+``` xml
+<Button Command="{Binding ChangeSplitViewPaneStatusCommand}">
+```
+By doing so the command will be invoked each time the button is clicked and will update the IsSplitViewPaneOpen's value accordingly.
+<br><br>
+**If you followed this guide step by step you should now have something like this:**
+<img className="screenshot-full" src={SecondExample} alt="Second example" />

From 536b622bfdaec6e00cb162e266ea3d24f9318adb Mon Sep 17 00:00:00 2001
From: Riccardo Piredda <127589992+Nemonek@users.noreply.github.com>
Date: Sun, 1 Sep 2024 15:03:01 +0200
Subject: [PATCH 07/17] Added last part. Waiting to review it for grammar error
 before making a pull request.

---
 ...ow-and-hide-a-split-view-pane-with-mvvm.md | 124 ++++++++++++++++++
 1 file changed, 124 insertions(+)

diff --git a/docs/guides/development-guides/how-to-show-and-hide-a-split-view-pane-with-mvvm.md b/docs/guides/development-guides/how-to-show-and-hide-a-split-view-pane-with-mvvm.md
index 45761161b..440220f1d 100644
--- a/docs/guides/development-guides/how-to-show-and-hide-a-split-view-pane-with-mvvm.md
+++ b/docs/guides/development-guides/how-to-show-and-hide-a-split-view-pane-with-mvvm.md
@@ -154,3 +154,127 @@ By doing so the command will be invoked each time the button is clicked and will
 <br><br>
 **If you followed this guide step by step you should now have something like this:**
 <img className="screenshot-full" src={SecondExample} alt="Second example" />
+
+## Adding content to the button
+Finally, you now just need to add some content to the button that indicates whether you need to show or hide the SplitView's pane. In this guide I will be using the following characters:
+- '<' to indicate the pane will be shown.
+- '>' to indicate the pane will be hidden.
+
+### Implement a converter
+To do this step we will need the char to change as the Pane goes from shown to hidden and viceversa. To do so we need to create a converter function that will return the necessary char to the button when clicked.<br>
+In the `models` folder create a class named SplitViewIconConverter and make it inherit from the IMultiValueConverter interface.<br>
+:::info
+I will use a MultiValueConverter because we need it to be called whenever the IsSplitViewPaneOpen value is changed. (For more information on how IMultiValueConverter behaves see [here](https://docs.avaloniaui.net/docs/guides/data-binding/how-to-bind-multiple-properties))  
+:::
+<br>
+First, implement the interface as follows:
+``` C#
+public object? Convert(IList<object?> values, Type targetType, object? parameter, CultureInfo culture)
+{
+    throw new NotImplementedException();
+}
+```
+Second, define how the method will behave based on the value which will be passed to it in the IList object. We will assume that the first value of the list will be the value of `IsSplitViewPaneOpen`, and will treat it accordingly. When the value is true the method will return '>', otherwise it will return '<'.
+``` C#
+public object? Convert(IList<object?> values, Type targetType, object? parameter, CultureInfo culture)
+{
+    if(values.Any(x => x is null or UnsetValueType or not bool))
+        return BindingOperations.DoNothing;
+
+    bool value = (bool)values[0];
+
+    if (value)
+        return ">";
+
+    return "<";
+}
+```
+:::warning
+Since we need only one value in this code we assume that every single value passed to this function should be a boolean. 
+:::
+### Bind the converter to the button content.
+Lastly, all that remains to do is bind the converter to the button's content. To do so import the namespace of the converter in the MainWindow.axaml file by adding the following line
+``` xml
+xmlns:convs="clr-namespace:how_to_show_and_hide_a_split_view_pane_with_mvvm.Models"
+```
+So that the Window tag will look something like
+``` xml
+<Window xmlns="https://github.com/avaloniaui"
+        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+        xmlns:vm="using:how_to_show_and_hide_a_split_view_pane_with_mvvm.ViewModels"
+        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
+        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
+        mc:Ignorable="d" d:DesignWidth="800" d:DesignHeight="450"
+        x:Class="how_to_show_and_hide_a_split_view_pane_with_mvvm.Views.MainWindow"
+        x:DataType="vm:MainWindowViewModel"
+        Icon="/Assets/avalonia-logo.ico"
+        Title="how_to_show_and_hide_a_split_view_pane_with_mvvm"
+
+		xmlns:convs="clr-namespace:how_to_show_and_hide_a_split_view_pane_with_mvvm.Models"
+		>
+```
+Now add the converter to the static resources of the Window by doing the following.
+``` xml
+<Window.Resources>
+    <convs:SplitViewIconConverter x:Key="SplitViewIconConverter"/>
+</Window.Resources>
+```
+Bind the button's content to the converter and pass as parameter to the converter the IsSplitViewPaneOpen property.
+``` xml
+<Button Command="{Binding ChangeSplitViewPaneStatusCommand}">
+    <Button.Content>
+        <MultiBinding Converter="{StaticResource SplitViewIconConverter}">
+            <Binding Path="IsSplitViewPaneOpen"/>
+        </MultiBinding>
+    </Button.Content>
+</Button>
+```
+<br>
+The final MainWindow code should look like this:
+
+``` xml
+<Window xmlns="https://github.com/avaloniaui"
+        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+        xmlns:vm="using:how_to_show_and_hide_a_split_view_pane_with_mvvm.ViewModels"
+        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
+        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
+        mc:Ignorable="d" d:DesignWidth="800" d:DesignHeight="450"
+        x:Class="how_to_show_and_hide_a_split_view_pane_with_mvvm.Views.MainWindow"
+        x:DataType="vm:MainWindowViewModel"
+        Icon="/Assets/avalonia-logo.ico"
+        Title="how_to_show_and_hide_a_split_view_pane_with_mvvm"
+
+		xmlns:convs="clr-namespace:how_to_show_and_hide_a_split_view_pane_with_mvvm.Models"
+		>
+
+    <Design.DataContext>
+        <!-- This only sets the DataContext for the previewer in an IDE,
+             to set the actual DataContext for runtime, set the DataContext property in code (look at App.axaml.cs) -->
+        <vm:MainWindowViewModel/>
+    </Design.DataContext>
+
+	<Window.Resources>
+		<convs:SplitViewIconConverter x:Key="SplitViewIconConverter"/>
+	</Window.Resources>
+	
+		<SplitView PanePlacement="Right" DisplayMode="CompactInline" IsPaneOpen="{Binding IsSplitViewPaneOpen}">
+			<SplitView.Pane>
+				<StackPanel VerticalAlignment="Top" Margin="5" Orientation="Horizontal">
+					<Button Command="{Binding ChangeSplitViewPaneStatusCommand}">
+						<Button.Content>
+							<MultiBinding Converter="{StaticResource SplitViewIconConverter}">
+								<Binding Path="IsSplitViewPaneOpen"/>
+							</MultiBinding>
+						</Button.Content>
+					</Button>
+					<TextBlock VerticalAlignment="Center" Margin="15, 0, 0, 0" FontSize="25" Text="Settings"/>
+				</StackPanel>
+			</SplitView.Pane>
+			<TextBlock HorizontalAlignment="Center" VerticalAlignment="Center" Text="MainWindow" FontSize="25"/>
+		</SplitView>
+</Window>
+```
+
+:::warning
+If you want to approach the problem by using just a normal converter and passing to it, as parameter, the IsSplitViewPaneOpen property, don't try to do that as ConverterParameter does not currently support binding. 
+:::

From 5b4fd82060a2703c01187a8df7879641df74f143 Mon Sep 17 00:00:00 2001
From: Riccardo Piredda <127589992+Nemonek@users.noreply.github.com>
Date: Sun, 1 Sep 2024 15:06:19 +0200
Subject: [PATCH 08/17] Added initial code. Waiting to review for grammar
 errors before creating a pull request.

---
 ...ow-and-hide-a-split-view-pane-with-mvvm.md | 23 +++++++++++++++++--
 1 file changed, 21 insertions(+), 2 deletions(-)

diff --git a/docs/guides/development-guides/how-to-show-and-hide-a-split-view-pane-with-mvvm.md b/docs/guides/development-guides/how-to-show-and-hide-a-split-view-pane-with-mvvm.md
index 440220f1d..46b9e18be 100644
--- a/docs/guides/development-guides/how-to-show-and-hide-a-split-view-pane-with-mvvm.md
+++ b/docs/guides/development-guides/how-to-show-and-hide-a-split-view-pane-with-mvvm.md
@@ -26,10 +26,29 @@ Although here I will be using the MainWindow.axaml and MainWindowViewModel.cs fi
 ## Adding the SplitView panel to the MainWindow
 The starting point will be something like this:
 ``` xml
-add
+<Window xmlns="https://github.com/avaloniaui"
+        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+        xmlns:vm="using:ciao.ViewModels"
+        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
+        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
+        mc:Ignorable="d" d:DesignWidth="800" d:DesignHeight="450"
+        x:Class="ciao.Views.MainWindow"
+        x:DataType="vm:MainWindowViewModel"
+        Icon="/Assets/avalonia-logo.ico"
+        Title="ciao">
+
+    <Design.DataContext>
+        <!-- This only sets the DataContext for the previewer in an IDE,
+             to set the actual DataContext for runtime, set the DataContext property in code (look at App.axaml.cs) -->
+        <vm:MainWindowViewModel/>
+    </Design.DataContext>
+
+    <TextBlock Text="{Binding Greeting}" HorizontalAlignment="Center" VerticalAlignment="Center"/>
+
+</Window>
 ```
 
-For the sake of simplicity I will be deleting everything in the main window and adding the SplitView panel.
+For the sake of simplicity I will be deleting the default TextBlock and its value in the MainWindowViewModel.
 <br>
 Start by creating the panel and by defining the basics of how you want it to behave (for more informations on how this control works see [here](https://docs.avaloniaui.net/docs/reference/controls/splitview)) 
 ``` xml

From 60693617dd036df0533f1c219f763b22cd56ce9b Mon Sep 17 00:00:00 2001
From: Riccardo Piredda <127589992+Nemonek@users.noreply.github.com>
Date: Mon, 2 Sep 2024 13:26:35 +0200
Subject: [PATCH 09/17] Grammar & final images

---
 ...ow-and-hide-a-split-view-pane-with-mvvm.md | 27 ++++++++++++-------
 1 file changed, 17 insertions(+), 10 deletions(-)

diff --git a/docs/guides/development-guides/how-to-show-and-hide-a-split-view-pane-with-mvvm.md b/docs/guides/development-guides/how-to-show-and-hide-a-split-view-pane-with-mvvm.md
index 46b9e18be..daaee08b7 100644
--- a/docs/guides/development-guides/how-to-show-and-hide-a-split-view-pane-with-mvvm.md
+++ b/docs/guides/development-guides/how-to-show-and-hide-a-split-view-pane-with-mvvm.md
@@ -5,6 +5,8 @@ title: How To Show and Hide a Split View Pane with MVVM
 
 import FirstExample from '/img/guides/development-guides/How-to-show-and-hide-a-split-view-pane-with-MVVM/First-example.PNG';
 import SecondExample from '/img/guides/development-guides/How-to-show-and-hide-a-split-view-pane-with-MVVM/Second-example.PNG';
+import PaneHidden from '/img/guides/development-guides/How-to-show-and-hide-a-split-view-pane-with-MVVM/Pane-Hidden.PNG';
+import PaneShown from '/img/guides/development-guides/How-to-show-and-hide-a-split-view-pane-with-MVVM/Pane-shown.PNG';
 
 # How To Show and Hide a Split View Pane with MVVM
 In this guide you will learn how to show and hide a split view panel using the MVVM pattern. If you are new to Avalonia UI please check out the following documents: [The MVVM patter](https://docs.avaloniaui.net/docs/concepts/the-mvvm-pattern/) - [Avalonia UI and MVVM](https://docs.avaloniaui.net/docs/concepts/the-mvvm-pattern/avalonia-ui-and-mvvm).
@@ -48,9 +50,9 @@ The starting point will be something like this:
 </Window>
 ```
 
-For the sake of simplicity I will be deleting the default TextBlock and its value in the MainWindowViewModel.
+For the sake of simplicity we will be deleting the default TextBlock and its value in the MainWindowViewModel.
 <br>
-Start by creating the panel and by defining the basics of how you want it to behave (for more informations on how this control works see [here](https://docs.avaloniaui.net/docs/reference/controls/splitview)) 
+Now, create the panel and define the basics of how you want it to behave (for more informations on how this control works see [here](https://docs.avaloniaui.net/docs/reference/controls/splitview)) 
 ``` xml
 <SplitView PanePlacement="Right" DisplayMode="CompactInline">
 </SplitView>
@@ -67,7 +69,7 @@ Now that we have the SplitView we need to create its pane, which is the part tha
     </SplitView.Pane>
 </SplitView>
 ```
-We will now add some additional elements to the pane. First we will add a StackPanel, then a button and a textbox with the text "Settings". The following configurations will ensure that the button and the text are aligned.
+We will now add some additional elements to the pane. First a StackPanel, then a button and a textbox with the text "Settings". The following configurations will ensure that the button and the text are aligned.
 ``` xml
 <SplitView PanePlacement="Right" DisplayMode="CompactInline">
     <SplitView.Pane>
@@ -81,7 +83,7 @@ We will now add some additional elements to the pane. First we will add a StackP
 ```
 
 ### Adding some content to the SplitView
-To make things more clear, I will add a TextBlock in the main part of the SplitView, which will be the content you may add and that will be alway visible.
+To make things more clear, I will add a TextBlock in the main part of the SplitView, which will be the content you may add and that will be always visible.
 ``` xml
 <SplitView PanePlacement="Right" DisplayMode="CompactInline">
     <SplitView.Pane>
@@ -96,7 +98,7 @@ To make things more clear, I will add a TextBlock in the main part of the SplitV
 ```
 
 ## Binding the SplitView's `IsPaneOpen` property to a ViewModel's property.
-Fist of all, create a boolean property with a private backing field in the ViewModel which will contains the boolean value. Now, by using Reactive UI, make it notify every change to the backing field to the UI. Remember to initialize the backing property with the value you need in the VewModel's constructor.
+Fist of all, create a boolean property with a private backing field in the ViewModel which will contains the boolean value. Now, by using Reactive UI, make it notify every change to the field to the UI. Remember to initialize the backing property with the value you need in the VewModel's constructor.
 :::info
 By default in an MVVM project each ViewModel inherit from a ViewModelBase which inherits from the ReactiveObject class. By doing so in every ViewModel there will be the necessary methods to notify the UI. For more informations see [here](https://docs.avaloniaui.net/docs/concepts/reactiveui/reactive-view-model).
 :::
@@ -137,6 +139,7 @@ this.ChangeSplitViewPaneStatusCommand = ReactiveCommand.Create(() =>
     this.IsSplitViewPaneOpen = !this.IsSplitViewPaneOpen;
 });
 ```
+In this example I will be using a very simple logic: if the value is true it becomes false, and if it's false it becomes true.
 <br>
 You should now have the following code in the ViewModel:
 
@@ -175,9 +178,9 @@ By doing so the command will be invoked each time the button is clicked and will
 <img className="screenshot-full" src={SecondExample} alt="Second example" />
 
 ## Adding content to the button
-Finally, you now just need to add some content to the button that indicates whether you need to show or hide the SplitView's pane. In this guide I will be using the following characters:
-- '<' to indicate the pane will be shown.
-- '>' to indicate the pane will be hidden.
+Finally, you now just need to add some content to the button that indicates whether you need to show or hide the SplitView's pane. In this guide we will be using the following characters:
+- '<' to indicate the pane will be shown on click.
+- '>' to indicate the pane will be hidden on click.
 
 ### Implement a converter
 To do this step we will need the char to change as the Pane goes from shown to hidden and viceversa. To do so we need to create a converter function that will return the necessary char to the button when clicked.<br>
@@ -216,7 +219,7 @@ Lastly, all that remains to do is bind the converter to the button's content. To
 ``` xml
 xmlns:convs="clr-namespace:how_to_show_and_hide_a_split_view_pane_with_mvvm.Models"
 ```
-So that the Window tag will look something like
+So that the Window tag will look something like this.
 ``` xml
 <Window xmlns="https://github.com/avaloniaui"
         xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
@@ -293,7 +296,11 @@ The final MainWindow code should look like this:
 		</SplitView>
 </Window>
 ```
-
 :::warning
 If you want to approach the problem by using just a normal converter and passing to it, as parameter, the IsSplitViewPaneOpen property, don't try to do that as ConverterParameter does not currently support binding. 
 :::
+## Final result:
+**Pane hidden**
+<img className="screenshot-full" src={PaneHidden} alt="Pane hidden" />
+**Pane shown**
+<img className="screenshot-full" src={PaneShown} alt="Pane shown" />

From 99f39c6ce53ce853bcf8de015c87d4a3325b19b3 Mon Sep 17 00:00:00 2001
From: Riccardo Piredda <127589992+Nemonek@users.noreply.github.com>
Date: Mon, 2 Sep 2024 13:28:19 +0200
Subject: [PATCH 10/17] Delete tmp file used for directory creation.

---
 .../How-to-show-and-hide-a-split-view-pane-with-MVVM/tmp.md      | 1 -
 1 file changed, 1 deletion(-)
 delete mode 100644 static/img/guides/development-guides/How-to-show-and-hide-a-split-view-pane-with-MVVM/tmp.md

diff --git a/static/img/guides/development-guides/How-to-show-and-hide-a-split-view-pane-with-MVVM/tmp.md b/static/img/guides/development-guides/How-to-show-and-hide-a-split-view-pane-with-MVVM/tmp.md
deleted file mode 100644
index 8b1378917..000000000
--- a/static/img/guides/development-guides/How-to-show-and-hide-a-split-view-pane-with-MVVM/tmp.md
+++ /dev/null
@@ -1 +0,0 @@
-

From 1df45371dbe5df4898ccc496fd345d56d8928f85 Mon Sep 17 00:00:00 2001
From: Riccardo Piredda <127589992+Nemonek@users.noreply.github.com>
Date: Mon, 2 Sep 2024 13:30:22 +0200
Subject: [PATCH 11/17] Upload final images

---
 .../Pane-Hidden.PNG                             | Bin 0 -> 14656 bytes
 .../Pane-Shown.PNG                              | Bin 0 -> 17627 bytes
 2 files changed, 0 insertions(+), 0 deletions(-)
 create mode 100644 static/img/guides/development-guides/How-to-show-and-hide-a-split-view-pane-with-MVVM/Pane-Hidden.PNG
 create mode 100644 static/img/guides/development-guides/How-to-show-and-hide-a-split-view-pane-with-MVVM/Pane-Shown.PNG

diff --git a/static/img/guides/development-guides/How-to-show-and-hide-a-split-view-pane-with-MVVM/Pane-Hidden.PNG b/static/img/guides/development-guides/How-to-show-and-hide-a-split-view-pane-with-MVVM/Pane-Hidden.PNG
new file mode 100644
index 0000000000000000000000000000000000000000..0c7be0cb1eeac6faa39955504511cea074fc1257
GIT binary patch
literal 14656
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
Jf=x%x{TG3!)C&Lr

literal 0
HcmV?d00001

diff --git a/static/img/guides/development-guides/How-to-show-and-hide-a-split-view-pane-with-MVVM/Pane-Shown.PNG b/static/img/guides/development-guides/How-to-show-and-hide-a-split-view-pane-with-MVVM/Pane-Shown.PNG
new file mode 100644
index 0000000000000000000000000000000000000000..94225a426f33dd0e8e941238e37abe33dfce2e20
GIT binary patch
literal 17627
zcmeHv2~^Y9)-RM6T4lJcts?Vvs8tzM<}tKdkXp2@mKmZ&L=9sYLLekq2ih_OQHX$m
z3PQb1GKK(2M1&v_!XShp0}w)hkOTrGgiJ5c0sP*&Z{2?Pec$`uTCOGQzw$r-bI#uT
z?B70n@3W6Te{<SZW1G%4B_$;dx05HnQ&M^_LrLi!#`~&@H>oy8EsBS7)OW65C{_08
z%_@Gp8~nNZ=SoV|$nBB~?<szN5OLBwN=fOX==DEk+9ks{C8ZM)ZYMrJ7Z<>xBA!wq
zi7cTQC<c~_T=%>Onu^bU$6$w1|0r$eU|0kQvhez<rCUqKj-eAz*uT=w4ceUhu((0*
z(}u1l1Iv*gi{IVTXL(ZngqLyo39FwhUyfFfbY6$_?m^M6P~KOCUig$|lyin8q(t>d
z3!><(7E;#Zva%(p!=-{09+m|sRh^2BTVy6oS7N4f_qb*5TmRR8nX0^7LAa9AsCwtd
z^TuC&n!Zeu43H6{oaZ;mL{XvNOf=5V2Jx^(w#H_b0;E@X9vkEOxzl=+Bx`JdNfpGE
zu|&;9;36iT|A0LzT3Nbvas88|vhFXnI=e^OS)@YVP-@$qIhx==H|HxMXk!2me2PxS
zt`5d_s(HFAVKPz!Ub<AZ(NYd48f4^w^o7ae0%r*}TpDAG6W#>Jv0m~qT7|~I#7PmK
z3XqrGWbZ}0PAMpqnXmVIW-&cIojo{M4waA`g?_xU#oV#-7g7EK1(`Re+xR<O#!K*0
z2;d+=)>nw4V^++W5P1qIn*g7PI-a;V5uS|@S_5_)+$No|+b)WRPEKQLR=jw`9P2TX
zaCwI{3bXu@S=Cxy(Tx|Ov)x>Cxj2u~X%SWOVwUDP;7Cu2#H9OPm(-VW<gv;Ma=N^G
zzKO5b>XcrH>;K82JJd9bn*`$^_&qe#9ZQu6x%wm=NLgCpkD>KG)1vcdxj#vU%~Df4
zd1612#8uwj%QWqgPaWEwfebZ?vIg`)PoVB7i@w9E4p7N+7IsEv)q4;r#>7nFizIag
z`>0dyD&W9=XNTEf)NzQjEL<Ru;Spcv)+U?PsZI@$qyT1{HO~aUQYbBCqUB3~&*W3q
zXYL|anC8rOgaCmubC7&JvII0RP=6_3JHt}LLnf};s*EH_Zn;~}>11ehdj4JIm|~*x
zd!wpTE*2lV(wiwwDtwY0Est8CXac?ab{?FMW)T6>Df1u#T}*G@%P%!t<DWO;LY5&i
z*byVdY#%@uh8IZ}*Y>`8j<+)Fq)@tpqJ7!vH>rgyS1YWj@+YF+U!uxGIFu4;1($cm
zD}JYpHMh8UfGRxEJ#Mjzl|}jJlhEwt9n5J#;tj^|6v1}6DF!Ydwh-F4R~KE2$rbCs
zso74n-WTKxKQ2i9Ve`k4K~wjNNLA96-ldS-h4|QTU92irtcxw|Xe3{rtv2QI{(&gG
zQ-EM4hp&c*Q<k)YF^aE8V-S!Cpp@~o&}Q#;g456%md4PI_upw&SiM{=Gyt(;5`K72
z%1y4Jh~H7D```l+scgWfC)Bf<<#Rn!T<G~7#2Lrc2hhdfnrZ$g-H$($akLPA2C^(H
z6EPP1KmtU<F!POzhFSPkKHfkFnTHdb$*&$UlJ`{=YQqq@%Fve?gF1Jc0y}%3^@;Ok
zmyg9?I*%9zr5)-%>S~q!IQ#wuoAyNHfPSz~V1M<2czH{F0dMv|LqkVpA1e#c(^pkQ
z_%M$<T%-bu1yaeOFGKkkLip?>9m7Jj(90efy0~cOcxhQO3WOLYh%u?PQ?c8HgZQ#O
z#%WlZ3vy68(oe|8S`0YIt=G_yZ+R=n3h6T-^pvnP?mok~#U%xgUf_uYy!4h&1G&v&
zh8uwGB}i20{?mWN$jzz8ntV)H)xd6&Io~hbChV#V`q(7O*@>>7LCTk+nby4c7W+Mj
zFp_6ixP(d|F3Ce?lVEd)&9qdf4)E3{dr2L>+Ge+I<#KJvhSzgz-}OE24-{MN4Ge(1
z8~<nt+v<F5TDvG){peYW&?Ydv_Ll<QuMb&>NMx<O$K&JYV&`u%jAgJ~@h@Su5db2s
zJzJvxu8Tpq@2bwbJa4fG33nU}oY8^Oh;V)1s&5yx&8B%*b6NNoy0WpnNo>IM5|MsK
z!i&5Axa!*|`d%brM&?qmR7?(>I%+J(DR3~}Wo`tKEx}65&O76dG~W0!Y9}8hA7?Yk
z)?CvuD|k6<ZLe#x>SRfvA+Y5}J3z)X(~yR=oL{}7<=Fl7L(OBHzT(8xX>m8l7f=|h
zw;M}6Cv@z29(a{D^N`h$TM$kd4|xH<PCsS9>O46}cBC!r(A-DhYU}VyFjZXkP`p7!
zfAYXlS&VitMQqO>R=Xv?<Pu&x1<77CXh1-gR}AgK)^z-H@nu&E5R6B1f$17HfVRn1
zUq3mxpOLfdbVi~()5Y7aV5zch8o)XOvPJuI3fO6cZhV6ry59ukESpu>c^1hG{u6Dx
zTrw8KPH_58mRyKvl(gj`(0cK!UZNhnBtT@1I0}@lG7b=V6oKn?WzjRhYS%W+&WgTb
z5ta70e)R*}=}pj!&btGnPvr1%2j-kmmnd_F!SxRG>9~A?<r+*42&6Fd94de2PlR4x
z&Yi|};KFj|V@?`F5v~T}XA5HM_`Lo2+WUkfjhudROfI>alP331qp+OCB47a?d&QU~
zV)EQ%5Qm<A^5s=t5olSa3RDx?PXzCZ0V+6*xH)KJ1lXnC(I+%TE9`L_Vnr(+IGs!M
zT6P_u{(9;Ff`RNp$P4J)^v*FW$!Q^Yr+rxbBXMiIVImLLt}Mb0DYg?`?F@p(F)9!3
zQcN>?4SPCz-uQ~k?TRzTjxw8~y<K&}e4n`V?MP6T1AW}qLS=Mv3ExN<N&OxLb1qQu
zMEP`3igl}Mvl!*^?vWor!+nJ2c5`WPDpvX$`Ox}(1K%~j5~zN%1sb{+;i*5nbOyMT
zA`y04WG_ni!hLdkgW#9dV%|hA+JzS`5i2bIF31LRL4#ICXLNo!Ae{%#Xm&!R6J=Pl
zD8=?`w#z5@@A7V>yu@LVjqqx~HQVkG-R1+r6bo0F`=O}gKv$)F*$}v<j484|sgbs)
z?K<_xOCMheBkQ;{1@?8f4j*$#n3~Js;#BejO`J*vQGWYLkm#8?IMtR`w>Q957}?-j
z%4L&9v|h6>OYCFCqSH~p33h|!?)HB2h16<ZxID71kp4VDvBsY!QuPqa;gOkKo;5E~
ztgYWC{TiM|Tg4-Has!{Q^LkJ&$QB1c+~pD%U~`XkHZ7QML+}RAa~V1!?6k~9rrC_&
z)j~>(1T+tCnBK!rMs}9e-yf@V8Bl+5*mjQ@`=gy{mz22hdo*^Hmg>Z%Z)CM*@-qI<
zT8IYNyo$Js2OoE~UC09(BlyXPZ)M|T+$d)|UTS7Kl0>ng-hVi(58tU{{XiXQw4KnS
z){Uca^2C>=Jr+Xj3B<>~eETw%NR#Rsb^qaqS8@p>@z`8DYp#JgRxTMn<ytk%EfeQ1
zhYwuI6<+<_+RBHKCeW79B2xI|k~@%;&TX_kwk_7!k^5YziYz<3x@5fosgEeUQz+M!
zj}Z$AHUm!ho2)*k>6wIMR7R??qu_24_nr^~n!_t^Y{F$gF<|M;z=pHqepKBW?fo;W
zX<ixAr=ON!_^Y+{P1Nq!Kg^!@M2!{#6l(u$aQ>0n6xqx|(FXgJUx$THtk7;(*2(0s
z#4CFb7@nT}&XD(Ab0#v}5^J?f>}ARono5(JMrA#p0tyb>8&zeKuhwIO6(cDPV18A`
zgkMmXU9pub_IlCMt|nB?<&KF<=eR?XsM77&T%Lbp#KVLS)PKEco{@iT-8YG-k3YUa
zwvtk9nZ1!53rwgH?q45G$ylMNJUIY2CjMyS_s(dwscE@l4^ix>R=@Z8&F@fB`q!T4
z#$5qxxA(abdp7){PkwSycFU~UaD%_OcKPFseFuqut>Lopx}oF&OxR2}p^JJT9>vqR
zTyd&F%DyWr7o8QMMAEhsMb3C$A}@i-2Flkyd4l219Cgd|a8+IRgMW3l*k)lFtnAvx
z{c8H_i*7#H-5Cn@9=y}{S?_DVulDG~c-BlGJ%M!3jAoh}sVFHqzxU|d2Tw2tkrs26
z7rO(0GRWIE+ZFuhM0b?EGc68oNamc8&U?A)otedMn?qi7E_i%8t4%B95NLYnE?U+l
z1J8v->$>>_Y*I65Zd7PedS>1X37_eyndN}GC=|*U<S^qr?uduL0NU_Meq;?>_Un%3
zorRvI{s(>>JK2A13vIWQMe|W&VuP^3g%RnW5DZ;DyfkstG^SLGGSW=<XT~ioO{Amz
zv4l9*wSiWW*jB~6|1s$gp<gTUHq0Ou41aGWP@BZWFdMWSeFTQKKI!l$<lEEbQ)69C
zL!n&h>n96ds2ZZV(Wy83<``s<49uFtW;EJB4R@txs_0qaWNS^#ae0F;aRPOH%<s8E
zB9+;HuJ`3!rZQCaqyl?8)_p|KUON$bYptV*nU8%KJ8%ajG`^@(Q(X2~u@x+JTMK3Q
z9f~D8zw^r?=K*7_&I15J5A9@g;4iluX3yD5I*XWnC8e3lP+Zg)0iA767Z25xSaU1K
zo<5<7$7$eIUq)q7i_N>pP}X8AXP4`AB-LAhf9)ijt&vyKNZe82X)PT6>cZy<Dfls1
z<9KC)RTjE(R?4l{CFUEBo=q<>5K*hUQD<ERcPk*Fek~uLWN8bz4qgTMz{c*n>mo^1
zGO^&cmYpAZqNiqMv5k3-=auR48%#EoAsb+Xc<8W*ck(E(+bNx&Y?7$(hrp{Jr6WrV
zMm?-n2t!XTg9cQRiBI<9n-y++Epyd1Pm9Vn46jQI0$CN~VRiHOmX&XkX}+2`o9-mo
zKlEhvX>EA>(cH1FBKp0_ufc98i%sP-z2q$GG>Ho01`lNc8|D4#FHs<8C-Gzb>ygon
z9tJZcB99q6_bj`;b!Bv{Ylxs_3OAxZbY#+o?ln!LG}BWXmzX28P%WprCy?d@Vu6fj
z?TC&O@JCRm1vt8G81G)5!Br|9bvk<>c#Hs~CAF{^V@;$Ws{dFQ?YK11z&HW^*zpkE
zLjXT)b9&$~fmkVvDQYH+46Y?TzaGT94l%udyJeyeyt?Dg2Dd%!i*elv_Ej&(7o!8p
z2t0qidC&2+*O|9A)%%J_1zZXceIb(4CGB7a!h)=uS@;>y#()ymWlBz>+#hTbCSoV5
z2b!7<Ok9ESD#1^2(N9BWHF7}kE8$Q<*0>cQH$3ejsB5TnlIZPM05UQQb`JA7+u$Gy
zu_;F<^DW1as^}{&blGlNJ_EML>8t`y32Id%U$ibIUO`}Lg-Z~p=(<-(S<7rYHU$lx
zn(8k+)fBP`^5}0>z<7YIhkz&h1{w}I35STP3}KI86K8%L+wYH4#tcXnYd}*UZ3ofd
zz9Va$GVrQyY1fFMD&D;04suy_KsWX-V<L`HW$A|x505yQ^8GO*WV1V31YRhhal+#2
z?(0cKXhHT^JORo&euu<$va}I59*o0P5bD@3I!QkH@pFAO!rqtQtF$2F;;dJj*tWJX
z(z5d?h@ZdKnjz6G{3XmBN3=77<e8BShCRZX8vs8v_@1T3E0DwLtPO%s-h;Kw&*i(>
zLtpq`mi1z>47vg`jmxaE3(f|R*l2wF1Y|b(Z>CPN4^WLW5W(e<qc+=Z<8bu2x|Uk`
zy>#v5$Aj4$DUU;cOMAy1b<x?W2|thHVVUkxQA~F<>{o}#eU05WOyx-wUWlzUO`#OW
zeTkvrT28B>-6b^~XP8^^bn2Kpbu6??ZJ?x;!>GOL*_Pxm8$vH>C)liANDL<SsU--b
zPQh-iL@Y5ElH<`@g}j&i84YY<6{ceTD+0{zaLy(P;g_9d&v~e1xTxdi#A*l7*l+}4
zjPvjB(&*fa1^?r|LmfIq%%hF2^)?<gY_yK%j59w;!+8pmC{2ZGMeMz1oGHQ@`BZu#
zZ={Ez1N$Zb9TUVb5oU)X&HS!jgwM3Sv%livrY-k>l?0P??qFKe<XpbFg6Ck`N(%EK
zUH(N}^OfcwRKU#xuEfeQaqxaK=|b~B;b^~(HHtj1(Rn}(wRCR`+Oi^DbYFq73Qg1?
zVF$zYbuz^jhtZCWcn5n!NkK6&cat-sVFvyiCou8x?sRd*FUlBS_IKNgROZjeQP0J~
z<}TZ=J)X4}_4l*adS31B)N;2rDvSr8<#`P_&})Na?RS_9*Bpb!9P@6eF)e+cgT6Y|
z1l!c;I*GE#3p#feb;*W{j#r&B%wpJ!1DTz@wyO`&mO<pg1{~tHKSzb%3Y?>o#KJR?
z8dE*&wQqQWvySw>p6mhF*t=<1f};?3rLx(0_Pd}z_sapk+SDm}(C!SNomT^`=1Iua
zc*#Xr-h=AntdXK1SKimd?q>>g*78$k=L|B&$QC%X9t^q~d<v95lK8C(|BC~LvvgKA
zcp)05>xOdLG<}z1ox@znvd3Cs!{4W$S^9g3nW3q#7{BzeEeJltQYZ}v3))vT;*pN)
zmyPsKBj*qK8eVZy;zqCjJt~DUKLobHR`Mp3Bt1xXoi@)f=KzPj36&xDSMR~k^}r*2
z*~hoJswwRAvZny$s1<4gfm^IDJoiXJwZ3nFEGBNz`C5A;>+6hAY-?m?d2=vtO6$CR
zV&nX9uc0m7J2u}do;qoWt;17B>}k1Uh9(CH`n+~&&?&@Ev|fyVM4qU$L6ghw3pbXE
zA}Y+|c(yjjLeRdg%9w=RDY9hEFk^e1jpX6=>!Vd)q8|qvnH6}q9EDT!0-XFBR)E)a
zC&}mfnJ+it?`@EQSS~snBtJhjUpHM5M7*9rY!xI^^hbRgsI}GQY<kH+M?Qme!!hPO
zadM=tdoh-4maImw_Yye81+%^GsP<iF(qtT~5R(L?u^wYJWl^z_4p}lAkOuQqdhOmo
z{#Tlv`L{YI6#H0}gO5O1K<EWkU+^4}$H~1~_ZyD}!$}o~A(~j%WTGtJ*T=9JT{*wn
ze@{VY&=xvJ6dA^8VqdaVz3Iav4=wY$8dON9TT;ImknDoobw3_FsH*U5MwUtgd%8H5
z7B0esh08E`m7ZC%YVb+n*f{~bEV20$#TWq&UJa&Dzlx!dgJNKa;bELAe}pB-PN>os
zQTuX*tS8oR=@mEPpC0G6k`cp<gnTD&O&P5L%rnXJ39gN8iVYlzCN<Qso-KmobJ_cZ
z_6bdTfTv|qErJmuyQ`zQA=@=CP<muF|A7c#?-g6$lN2DNIWo*h3vC0;8OFLj;{j7d
z6+vTXIk(rgsdu^q?wcJ@_*D(G`c;Ramc+9d2&=U<=y;6+wJec7;0WwK7Zgv#295Fb
zO-uVhU!H2x+XUme?xga=qc4#wX01mrIA_-#+T0vpCY4*imcZg)BBzh-QRB_#f9t?~
zb=j?Kiw~mS+0-~qTqN)~0o&slg0>xIBaw4EQpoW*j?k~ot7-JupI)wFv=nxTEiNjM
zSMzaxCAK0Y@gl-j^0<h3xvH&uC6$g2TeQ-R&ALOx^wbr9e|ysw(WP8S+qaPYAcNz}
z!*!#1W(N%MwJX;k3||Pj0NkHE?&cY^X(XlNYJm4$safSv^}fJ?@B3#NLGr!6#C&v!
zp3WU|=<qpiVnn#DgaVT!WLEz2r|UQ)#PSl&^kO|9P2-9P``mo=H)T|5yS))}_e7NA
zWY(`3vtWZ${d0eMxc@QUV6U;Otk;=-R-W>|2P6B96)xv`IAG-V-6pIv_bE))?{UKa
zsbQ$ZJ#T~HBkV`tI%gJ_L-1ni2Iu!;HijI!rJ=j^1LHqU*gm(eKbJz$^S`QLO@>1J
zrvJ63I`1haU6TRf{Tn9Zj~7Iq{PD)xUh=otb~5ws%1gWi_r?n$U{-xSnz{%5ohdv|
zXZ?WV$kK0IYv{t?m}B(mh3i`f_;Wu<+UMr|r(!6k`s)q#kqnm&8NO=Th$h*$bi<Bp
zU0ub2jLy~%{sjMj)QdM7tiov_8=IE*uC#X)tB+lqE8Dt`e_b`+_Sg{QzXYSVvU)44
zf5QsDRiC%&^HzQS6Yk4f;JgLSTj2Z;1<p{8oTs+c2OR=Pd*q<4UTUI5ab&gC*<}};
zk^Pnp`@@$vl(!*%*xE-b=B)y^h9u>MB4L=tRu`JKY$$tkX1agi#uz!jdB>r0jO81Y
zvAA;kH(sE%!j5ho629=9r@J0eogezLXgvz3lC2cJ`2x4*`Nj}sRk*8L34iNJ{t=^^
z4iV3wIOuYdC=lI)D_+jw`|!rhFJu?$DxEvD5#%W%%cpj*C`e9T9y`W$1kxmwrYuMT
zc~|v85NL@|dWw^iEEY!Qa7&kR%Q^Z8v1jSM2$G|}fwn_|Z)t*tuP~C%BCX&s?~pi;
zu-|Eh&N^0_B-;U%l?HzKBZe;5Jg&m`gOUSDLip3KtMWgyCz~3uYSIf)Vq<Dg)CeuX
z0A$!x*bV|xY4NnEprv3wbVY;|5(M4MUKlSg?fV4P8by?7>ah`ZDnh~YG1|K`SVLUn
z1ExRJI|xPMTgcjf^c474Mlol_2_#0MxGRSSAwZ`m>f1<CS*gA2y<*Fb(~*+FRz*O&
z>+mM)sfsMsDC*q3o}3z<U?R|usscV(1-lf*gQnj9d&`TZAQCCfL0JDXD%_tx>2HYd
zG{<?~{|~ghuR4VpLqR>}w<mNpyC5U8v^tr~I53EZaabViP+b|~3<1$NA%*_Epruy~
zJ-?W_3q<6G3vie@g{qGK@SC11RN5nXC<#X3K$c}tzLMR1J$SMWd&;I9TNIT_>%6Dg
zS(W99gZ?^?K}2Cz)@1vQhO*Jr8pR~T5BaZ(Z-Qmtj8L%BRkntfQ)(q3wgB<iVJU~o
z#QD;!Ru`I9tYf+CmphnQOH|<QKD*jD!q3&@Jx)S`mNBJ7w9ryz>Qw0qI12v}*dkjL
zJVtGIEA$0*a)5;*N)CVdj@I37Yk}JQbWBUtyi9_=bLvW6i{LBU$n)YG<X~GBJ_bBJ
zjH{7eM`xooDpRmHN*(iB4a=OA3dP#vEgRLlrto<4!p3??^GkAGfZiNxNvN)b3fNrH
z%Nm`{_@>p*<3IohxP?Anx|fNg@vIG>S!;(K(CDP|C});FkHpebe1Tl?{JjrjF)Dmy
z;lbtuRC=1$-BKV|`U7!%v;%-HeX%PyuHyc1pS_FFD!2<LT)`RG*EEFf@IMSy^daVx
z<xMp5=O8*A>IdLT=d`P^PthR-(W$<6JSMVKFQXJ1Ue#PRpKx%MebrI8r~+e0TDUjT
zmdB+;(}V9Qp}e;ct<_04W{L=F!33ITIt&lV`=Cc}rm!Bi4kb%Ux^70^QDKKHbh>M8
z%<!`W0OHa8)zL3pHABMFa;&qcq|*jE1InUGY!EN~(n&v{6>r!xeVNO8!4hVRM~??b
zjHI`ldxdkH(2wm%j{%Ls9@PK`d%-n+bX~|LWTHas$@ZiQTSfw>f{7z&W|bz8IJ2aA
z1DzY>(>B+eTArdQqjslO)5StloQtB}5g!i{rcTw{+X-Vld9e)DDU?=Lvl_w2H%vO{
z$n34ARpVld=f|os<vdyWS=LdWY<i|B_lM#ze?a`habs>}yLo4+%<Q<*__3ci;k{P{
z9OX{8j|b8tjha6KvyW*RI`lj4h~_6rd{`{$wfImBgFzy+(J-Y%f$VS4Z-ZwW3|&j>
zA%x(TY;$I>+S*?JXw4F6FZxPa)`YaKQraRd!_xI(W;k4=-B;_!a!rxJwjXLpj~|yl
zZ^WNtN!j#E9Q`2D_QhB6+%kKjyHpI?Mxc6j-EIXz&yFO5UqM?rw?!RPrs#I_E7jF@
zauxj^@oZhCyJK9q()hM5#22Z6Z52!R)Ve1P8{PIJ8P`w?!BW~6E$vlA^`1EYg0RZ^
z=0M3~HJudl2b$@%uau#b(56w;`0DCRZD?A3t9Q%dFec7}-_Ni_mRZ-NCxoIbjqrzU
zQqYerBU}yN9fr%fviTe2%Zfs$kJUR<2y+hHGiPLG1_Ab%sD;LC2g1cw4jvAI=pPct
zR~?VWq_mqe2=_nGR66|GrlB(4ospc}zCW0$S$At%cNd{I#JOPTaN!8WzK6=}obkbw
zE8FV+jdb_8^pyF$&)QFFdlxg=GgiSA0lW$#Sov`%<~H3r-aB<D=#w?WBx^;<DEQcd
zb)cX}R-K*NR6(%qw*1jIxWrY3Ke=)Xl8z}pF_u$PCBKkzD&2C{(nsQLZmLDg+fTTR
zb=gsQTV3h!{!QB6RRJgbs%zlt>vMfFu@KnOuB$lx$9wc(6_u*?je5_g!IyEuT3nDu
z=Lq9+T3X-Z-KxQh>3)YM>URW*?-3%nNW&Sburm+=U5rFx%b$Z)r)Cy4p(XQN{W9^j
zgyTNE$Rqd72AiZe`mF8F+8>+!?vv~62&CrJ_1ZfLc=Nb$m-O5I@$V{mcx@u{eYGjU
zex*q^OVb5++x&E?LD)J)Eep}M%Tom#cFH##IyU~%`)&Rc%9!035>Un3P3OK~#rVdx
zwAQEkqS`M5?S6>#Dv0n{{zaoR1wb^ltv=r`H8nWgbpOP~MW2pVvHf(t{{1YcM)`z!
zrg$gPkvmFKdRnuQ>0Hm!mbKkehR%#WL#FwCw$5s>+z!7NKujKsVu}v%OvBlT44>Xn
zHt#bC9*^jz9(FWBo38XW={+CU>7EGMw-bqp+kI=*=2ZFXBuUq8u<(W0doIU6kSpAi
zUcU-K<L03aLM(2GPM%!s$tvXmR|67?4g7XsRwSyZ0Wa_eA1XB-+d@pEf=vg29*``c
zuy|}~Prtdt0WEZQay9j}7#c-EXW4TVhq{Tf6Sj->EMiU+s|!Pu8V9I|zS8RCm?xu!
z0m<e;bn#AjFr_|K4Ru*t{S`^8=VF0PO~5ttj8c10oI*Onkm(-a^J4RiqUywmml+ea
znQDY9*dA$ZW|7v>caskPeN$^v^)u|Bv-QwUN+yj?{1+1qF)j6m!=5-tfdysI(#VWP
zAH7Mw9MQqKp|xAjuMlk=r&&qY_2WMZZC9OQ2B71ZmDea<$3}%_pri2}!tr=QQPonX
zWtsB$wk@uQqMiU;sV5qLPMQwm`D;E{c?fRCW1<h;x1khJM#SF79>p4KrYdSf!}257
zYX;&3A@bCzPV?izdRnTB3z@r24qF+ad-(dcZ4MUNm+Vb2^u^#Zf{%Rv2|4fT>+{+H
z+8i-T-CIGyB>U*HT~#*?qU2@!$1y?D;DyN~zb+7PY((r_JDu7y^o`A>)x0ognx7_?
zA`X}l)v!8bksfVHEjH(^(6+Df9o%BjZnW#5SeTWFWed}rr`n$>6p$lqhyv~~bL>m)
z#<Kc9rtp>tbCiZ9$kPSj7q7DHHB*~8lS?o%K}$nbB1mSgXgDoI+E$q>l|T5Smg?DD
zhI%K5xT8E#uHU-f<d(Z$m@n#S<LpH6<SG683THt&F%*;O`7+6&@x~WrkwPjuu7v+X
zpOW3h_td5)9?D8;#1|z61)^nY8_BVSuCTRQ%dXRlghOVAhaf_L^WwU-{lJVc8T9p9
zJE~dR&c4ZW%}(Xn*43CzqS&?7(r*wy{#pUZb)|K<6C=&0Dz=_!mF1mw;PVM1F#o06
zye_Jtmpkg|j5h2iU%cd)UJB~MjP)g@P~Sdf4C5x2IV5{vkH%3V<uq`y5Psh#_SbnC
z6CFcfKsfOw4pf9Yff}BmSKzy`u~i6#Cr8kMQQmZ^cWFKP7Rq_|F*|iNG9{q5Ni_=X
zhT5r|l=WM{qHxH(^h>leh(hFDu_}YI?zS?jCi67W0Js8h2sZfrQ$FhsNDlatW#Uf(
zp5|~Na^zrhcBChJcy=+tBi@-C$GM5cPB?{eO!CPKgbH$WzZ5P%F#;tP3(*5Hie)u(
zuU*j8YGcsY9p+NvFBa}Cb?+;cw`?xdk?tf4u7F3;-$8204{LPv?9m(ZH5dkipuY0d
zL3Y@oJRaTm^eZ#<loXVimx&5keAEPXk7ltGpdL|4S^N1VS(V%LjtZCzs=B*FtpOzt
z^R{6$it<;i!%VdtppRO>@QF{)YIOQ{i<_%L<mcJad|zPLDBpQxDJNK!kk>IjI`DEg
zokP5t+T5~D$?xDF>Z~}*Suf!DS5Lj(rj6dp>TTNSe`wn1EjZtT^DQ{vg7g2E{d{OI
zzLv1H9>qsoQfRp~cT8I@vEE4j{*gNdh--VcrlYZ<?r^I&dhoN++FP^D8;Rxhy8w!s
zlbCKx@;`0-*9ua?F#`Rqx#~A;F6PGi<>mE)@c*U~pRHv?<)ER8H;SETFlxfqY`<~v
zx}er?Ijk2QkvGJsxIyvn7v}tHlH0lvE7>6Wg@2miKjo#6;vaNwoN@d&inQsHl>Wx~
z1#LM>_=eK_rhvaou5#m^&A)%w<*(n4QS@M&ka2BW0kl;gj8RV&VqCu?^Z#OnW4fDG
zw&G+cuPOn#wJ?miQC9XlFqs=QW&gQbLjNhry-@*119R-(0LoUK1Anl7LGyPy|GK9C
zn?1<ozTsPOf)zErRmQ(;x&D7v#&UKQp7u{MzExA-0RPs8CaGXdW20#Ew^G&rs)Eyh
zO2F2J{|o$FZ3x_8?^WY(b)dPR$~P?b2A2PlF;P_kFKK0-J0;^4{Py2@SooinA%4N+
X^jl1r<SFp4<o4z16O~__|M7nTZbI?s

literal 0
HcmV?d00001


From 5123b014bb20a6f8aff245e63c1524d5726edcb1 Mon Sep 17 00:00:00 2001
From: Riccardo Piredda <127589992+Nemonek@users.noreply.github.com>
Date: Mon, 2 Sep 2024 14:13:28 +0200
Subject: [PATCH 12/17] More grammar

---
 ...w-to-show-and-hide-a-split-view-pane-with-mvvm.md | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/docs/guides/development-guides/how-to-show-and-hide-a-split-view-pane-with-mvvm.md b/docs/guides/development-guides/how-to-show-and-hide-a-split-view-pane-with-mvvm.md
index daaee08b7..58a8332bc 100644
--- a/docs/guides/development-guides/how-to-show-and-hide-a-split-view-pane-with-mvvm.md
+++ b/docs/guides/development-guides/how-to-show-and-hide-a-split-view-pane-with-mvvm.md
@@ -83,7 +83,7 @@ We will now add some additional elements to the pane. First a StackPanel, then a
 ```
 
 ### Adding some content to the SplitView
-To make things more clear, I will add a TextBlock in the main part of the SplitView, which will be the content you may add and that will be always visible.
+To make things more clear, I will add a TextBlock in the main part of the SplitView, which will be the content you may add and that will always be visible.
 ``` xml
 <SplitView PanePlacement="Right" DisplayMode="CompactInline">
     <SplitView.Pane>
@@ -100,7 +100,7 @@ To make things more clear, I will add a TextBlock in the main part of the SplitV
 ## Binding the SplitView's `IsPaneOpen` property to a ViewModel's property.
 Fist of all, create a boolean property with a private backing field in the ViewModel which will contains the boolean value. Now, by using Reactive UI, make it notify every change to the field to the UI. Remember to initialize the backing property with the value you need in the VewModel's constructor.
 :::info
-By default in an MVVM project each ViewModel inherit from a ViewModelBase which inherits from the ReactiveObject class. By doing so in every ViewModel there will be the necessary methods to notify the UI. For more informations see [here](https://docs.avaloniaui.net/docs/concepts/reactiveui/reactive-view-model).
+By default in an MVVM project each ViewModel inherits from a ViewModelBase which inherits from the ReactiveObject class. By doing so in every ViewModel there will be the necessary methods to notify the UI. For more informations see [here](https://docs.avaloniaui.net/docs/concepts/reactiveui/reactive-view-model).
 :::
 ``` C#
 private bool _isSplitViewPaneOpen;
@@ -212,10 +212,10 @@ public object? Convert(IList<object?> values, Type targetType, object? parameter
 }
 ```
 :::warning
-Since we need only one value in this code we assume that every single value passed to this function should be a boolean. 
+Since we need only one value in this code we will assume that every single value passed to this function should be a boolean. 
 :::
 ### Bind the converter to the button content.
-Lastly, all that remains to do is bind the converter to the button's content. To do so import the namespace of the converter in the MainWindow.axaml file by adding the following line
+Lastly, all that's left to do is bind the converter to the button's content. To do so import the namespace of the converter in the MainWindow.axaml file by adding the following line
 ``` xml
 xmlns:convs="clr-namespace:how_to_show_and_hide_a_split_view_pane_with_mvvm.Models"
 ```
@@ -241,7 +241,7 @@ Now add the converter to the static resources of the Window by doing the followi
     <convs:SplitViewIconConverter x:Key="SplitViewIconConverter"/>
 </Window.Resources>
 ```
-Bind the button's content to the converter and pass as parameter to the converter the IsSplitViewPaneOpen property.
+Bind the button's content to the converter and pass the IsSplitViewPaneOpen property as a parameter to the converter.
 ``` xml
 <Button Command="{Binding ChangeSplitViewPaneStatusCommand}">
     <Button.Content>
@@ -297,7 +297,7 @@ The final MainWindow code should look like this:
 </Window>
 ```
 :::warning
-If you want to approach the problem by using just a normal converter and passing to it, as parameter, the IsSplitViewPaneOpen property, don't try to do that as ConverterParameter does not currently support binding. 
+If you want to approach the problem by using just a normal converter and passing the IsSplitViewPaneOpen property to it as parameter, don't try to do that since ConverterParameter does not currently support binding. 
 :::
 ## Final result:
 **Pane hidden**

From a1c846d03bb9ceca1d064680f328de7a3881578b Mon Sep 17 00:00:00 2001
From: Riccardo Piredda <127589992+Nemonek@users.noreply.github.com>
Date: Fri, 6 Sep 2024 23:36:34 +0200
Subject: [PATCH 13/17] Fixes and changes based on what thevortexcloud
 suggested.

Some things still needs to be checked and fixed, but the majority is done. Or at least it should be.
---
 ...ow-and-hide-a-split-view-pane-with-mvvm.md | 23 +++++++++----------
 1 file changed, 11 insertions(+), 12 deletions(-)

diff --git a/docs/guides/development-guides/how-to-show-and-hide-a-split-view-pane-with-mvvm.md b/docs/guides/development-guides/how-to-show-and-hide-a-split-view-pane-with-mvvm.md
index 58a8332bc..1351e4216 100644
--- a/docs/guides/development-guides/how-to-show-and-hide-a-split-view-pane-with-mvvm.md
+++ b/docs/guides/development-guides/how-to-show-and-hide-a-split-view-pane-with-mvvm.md
@@ -9,9 +9,8 @@ import PaneHidden from '/img/guides/development-guides/How-to-show-and-hide-a-sp
 import PaneShown from '/img/guides/development-guides/How-to-show-and-hide-a-split-view-pane-with-MVVM/Pane-shown.PNG';
 
 # How To Show and Hide a Split View Pane with MVVM
-In this guide you will learn how to show and hide a split view panel using the MVVM pattern. If you are new to Avalonia UI please check out the following documents: [The MVVM patter](https://docs.avaloniaui.net/docs/concepts/the-mvvm-pattern/) - [Avalonia UI and MVVM](https://docs.avaloniaui.net/docs/concepts/the-mvvm-pattern/avalonia-ui-and-mvvm).
+In this guide you will learn how to show and hide a split view panel using the MVVM pattern. If you are new to Avalonia UI please check out the following documents: [The MVVM pattern](https://docs.avaloniaui.net/docs/concepts/the-mvvm-pattern/) - [Avalonia UI and MVVM](https://docs.avaloniaui.net/docs/concepts/the-mvvm-pattern/avalonia-ui-and-mvvm).
 To proceed in this guide you will need at least a basic understanding of what Data Binding is and how it works in Avalonia.
-If you are coming from WPF, then the mechanism is nearly the same, except for some differences that will not be covered in this guide.
 
 ## Starting
 First of all, you need to create an MVVM application project, which you can do by reading the following guide [Create and run a project](https://docs.avaloniaui.net/docs/get-started/test-drive/create-a-project).<br>
@@ -19,14 +18,14 @@ Once you created the project you should be presented with the following files:
 - MainWindow.axaml
 - MainWindowViewModel.cs
 
-Those are the files that you will be editing, except for the one that you will be creating during this guide.
+Those are the files you will be editing the most. (Please note that additional files may need to be created as you proceed through this guide.)
 
 :::info
-Although here I will be using the MainWindow.axaml and MainWindowViewModel.cs files, this guide will work for every other View and its respective ViewModel.
+Although in this guide we will be using the MainWindow.axaml and MainWindowViewModel.cs files, this guide will work for every additional View and ViewModel you may create.
 :::
 
 ## Adding the SplitView panel to the MainWindow
-The starting point will be something like this:
+Open the MainWindow.xaml file. The file should have the following content in it by default:
 ``` xml
 <Window xmlns="https://github.com/avaloniaui"
         xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
@@ -52,7 +51,7 @@ The starting point will be something like this:
 
 For the sake of simplicity we will be deleting the default TextBlock and its value in the MainWindowViewModel.
 <br>
-Now, create the panel and define the basics of how you want it to behave (for more informations on how this control works see [here](https://docs.avaloniaui.net/docs/reference/controls/splitview)) 
+Now, create the SplitView and define the basics of how you want it to behave (for more informations on how this control works see [here](https://docs.avaloniaui.net/docs/reference/controls/splitview)) 
 ``` xml
 <SplitView PanePlacement="Right" DisplayMode="CompactInline">
 </SplitView>
@@ -65,7 +64,7 @@ Now that we have the SplitView we need to create its pane, which is the part tha
 ``` xml
 <SplitView PanePlacement="Right" DisplayMode="CompactInline">
     <SplitView.Pane>
-
+	<!-- content -->
     </SplitView.Pane>
 </SplitView>
 ```
@@ -83,7 +82,7 @@ We will now add some additional elements to the pane. First a StackPanel, then a
 ```
 
 ### Adding some content to the SplitView
-To make things more clear, I will add a TextBlock in the main part of the SplitView, which will be the content you may add and that will always be visible.
+To make things more clear, we will add a TextBlock in the main part of the SplitView, outside the Pane. In the future you may replace the TextBlock with the content you need. This part of the SplitView will always be visible.
 ``` xml
 <SplitView PanePlacement="Right" DisplayMode="CompactInline">
     <SplitView.Pane>
@@ -98,7 +97,7 @@ To make things more clear, I will add a TextBlock in the main part of the SplitV
 ```
 
 ## Binding the SplitView's `IsPaneOpen` property to a ViewModel's property.
-Fist of all, create a boolean property with a private backing field in the ViewModel which will contains the boolean value. Now, by using Reactive UI, make it notify every change to the field to the UI. Remember to initialize the backing property with the value you need in the VewModel's constructor.
+First, create a boolean property with a private backing field in the ViewModel which will contains the boolean value. Now, by using Reactive UI, make it notify every change to the field to the UI. Remember to initialize the backing property with the value you need in the VewModel's constructor.
 :::info
 By default in an MVVM project each ViewModel inherits from a ViewModelBase which inherits from the ReactiveObject class. By doing so in every ViewModel there will be the necessary methods to notify the UI. For more informations see [here](https://docs.avaloniaui.net/docs/concepts/reactiveui/reactive-view-model).
 :::
@@ -168,7 +167,7 @@ public class MainWindowViewModel : ViewModelBase
     }
 }
 ```
-Now, to make the button invoke the command you just need to bind it. (For more informations see [here](https://docs.avaloniaui.net/docs/0.10.x/data-binding/binding-to-commands))
+Now, to make the button invoke the command you just need to bind it. (For more informations see [here](https://docs.avaloniaui.net/docs/guides/data-binding/how-to-bind-to-a-command-with-reactiveui))
 ``` xml
 <Button Command="{Binding ChangeSplitViewPaneStatusCommand}">
 ```
@@ -184,9 +183,9 @@ Finally, you now just need to add some content to the button that indicates whet
 
 ### Implement a converter
 To do this step we will need the char to change as the Pane goes from shown to hidden and viceversa. To do so we need to create a converter function that will return the necessary char to the button when clicked.<br>
-In the `models` folder create a class named SplitViewIconConverter and make it inherit from the IMultiValueConverter interface.<br>
+In the `Models` folder create a class named SplitViewIconConverter and make it inherit from the IMultiValueConverter interface.<br>
 :::info
-I will use a MultiValueConverter because we need it to be called whenever the IsSplitViewPaneOpen value is changed. (For more information on how IMultiValueConverter behaves see [here](https://docs.avaloniaui.net/docs/guides/data-binding/how-to-bind-multiple-properties))  
+We will use a MultiValueConverter because we need it to be called whenever the IsSplitViewPaneOpen value is changed. (For more information on how IMultiValueConverter behaves see [here](https://docs.avaloniaui.net/docs/guides/data-binding/how-to-bind-multiple-properties))  
 :::
 <br>
 First, implement the interface as follows:

From 859c944abcec25bd0816a4bc5d83607f30c8549f Mon Sep 17 00:00:00 2001
From: Riccardo Piredda <127589992+Nemonek@users.noreply.github.com>
Date: Mon, 9 Sep 2024 18:45:51 +0200
Subject: [PATCH 14/17] Removed use of multiconverter as it was unnecessary.
 Fixed minor grammatical errors. Clarified the namespace usage in the code.

To do the part with the framework agnostic approach.
---
 ...ow-and-hide-a-split-view-pane-with-mvvm.md | 78 +++++++++----------
 1 file changed, 36 insertions(+), 42 deletions(-)

diff --git a/docs/guides/development-guides/how-to-show-and-hide-a-split-view-pane-with-mvvm.md b/docs/guides/development-guides/how-to-show-and-hide-a-split-view-pane-with-mvvm.md
index 1351e4216..8048754df 100644
--- a/docs/guides/development-guides/how-to-show-and-hide-a-split-view-pane-with-mvvm.md
+++ b/docs/guides/development-guides/how-to-show-and-hide-a-split-view-pane-with-mvvm.md
@@ -18,7 +18,7 @@ Once you created the project you should be presented with the following files:
 - MainWindow.axaml
 - MainWindowViewModel.cs
 
-Those are the files you will be editing the most. (Please note that additional files may need to be created as you proceed through this guide.)
+Those are the files you will be editing the most. Please note that additional files may need to be created as you proceed through this guide.
 
 :::info
 Although in this guide we will be using the MainWindow.axaml and MainWindowViewModel.cs files, this guide will work for every additional View and ViewModel you may create.
@@ -33,10 +33,10 @@ Open the MainWindow.xaml file. The file should have the following content in it
         xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
         xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
         mc:Ignorable="d" d:DesignWidth="800" d:DesignHeight="450"
-        x:Class="ciao.Views.MainWindow"
+        x:Class="YourNamespace.Views.MainWindow"
         x:DataType="vm:MainWindowViewModel"
         Icon="/Assets/avalonia-logo.ico"
-        Title="ciao">
+        Title="Mainwindow">
 
     <Design.DataContext>
         <!-- This only sets the DataContext for the previewer in an IDE,
@@ -51,7 +51,7 @@ Open the MainWindow.xaml file. The file should have the following content in it
 
 For the sake of simplicity we will be deleting the default TextBlock and its value in the MainWindowViewModel.
 <br>
-Now, create the SplitView and define the basics of how you want it to behave (for more informations on how this control works see [here](https://docs.avaloniaui.net/docs/reference/controls/splitview)) 
+Now, create the SplitView and define the basics of how you want it to behave (for more information on how this control works see [here](https://docs.avaloniaui.net/docs/reference/controls/splitview)) 
 ``` xml
 <SplitView PanePlacement="Right" DisplayMode="CompactInline">
 </SplitView>
@@ -82,7 +82,7 @@ We will now add some additional elements to the pane. First a StackPanel, then a
 ```
 
 ### Adding some content to the SplitView
-To make things more clear, we will add a TextBlock in the main part of the SplitView, outside the Pane. In the future you may replace the TextBlock with the content you need. This part of the SplitView will always be visible.
+We will add a TextBlock in the main part of the SplitView, outside the Pane. In the future you may replace the TextBlock with the content you need. This part of the SplitView will always be visible.
 ``` xml
 <SplitView PanePlacement="Right" DisplayMode="CompactInline">
     <SplitView.Pane>
@@ -113,6 +113,7 @@ public bool IsSplitViewPaneOpen
 }
 public MainWindowViewModel()
 {
+    // The default value of a boolean variable is false. Hence if you need the Pane to start closed you can avoid this initialization.
     this._isSplitViewPaneOpen = false;
 }
 ```
@@ -159,6 +160,7 @@ public class MainWindowViewModel : ViewModelBase
 
     public MainWindowViewModel()
     {
+        // The default value of a boolean variable is false. Hence if you need the Pane to start closed you can avoid this initialization.
         this._isSplitViewPaneOpen = false;
         this.ChangeSplitViewPaneStatusCommand = ReactiveCommand.Create(() =>
         {
@@ -182,73 +184,71 @@ Finally, you now just need to add some content to the button that indicates whet
 - '>' to indicate the pane will be hidden on click.
 
 ### Implement a converter
-To do this step we will need the char to change as the Pane goes from shown to hidden and viceversa. To do so we need to create a converter function that will return the necessary char to the button when clicked.<br>
-In the `Models` folder create a class named SplitViewIconConverter and make it inherit from the IMultiValueConverter interface.<br>
+To do this step we will need the char to change as the Pane goes from shown to hidden and vice versa. To do so we need to create a converter function that will return the necessary char to the button when clicked.<br>
+In the `Models` folder create a class named SplitViewIconConverter and make it inherit from the IValueConverter interface.<br>
 :::info
-We will use a MultiValueConverter because we need it to be called whenever the IsSplitViewPaneOpen value is changed. (For more information on how IMultiValueConverter behaves see [here](https://docs.avaloniaui.net/docs/guides/data-binding/how-to-bind-multiple-properties))  
+For more information on how converters behave please see [here](https://docs.avaloniaui.net/docs/guides/data-binding/how-to-create-a-custom-data-binding-converter).
 :::
 <br>
 First, implement the interface as follows:
 ``` C#
-public object? Convert(IList<object?> values, Type targetType, object? parameter, CultureInfo culture)
+public object? Convert(object? value, Type targetType, object? parameter, CultureInfo culture)
+{
+    throw new NotImplementedException();
+}
+
+public object? ConvertBack(object? value, Type targetType, object? parameter, CultureInfo culture)
 {
     throw new NotImplementedException();
 }
 ```
-Second, define how the method will behave based on the value which will be passed to it in the IList object. We will assume that the first value of the list will be the value of `IsSplitViewPaneOpen`, and will treat it accordingly. When the value is true the method will return '>', otherwise it will return '<'.
+Second, define how the method will behave based on the value which will be passed to it in the IList object. We will assume that the first value of the list will be the value of `IsSplitViewPaneOpen`, and will treat it accordingly. When the value is true the method will return '>', otherwise it will return '<'. Please note that in this guide we will not use the function `ConvertBack`.
 ``` C#
-public object? Convert(IList<object?> values, Type targetType, object? parameter, CultureInfo culture)
+public object? Convert(object? value, Type targetType, object? parameter, CultureInfo culture)
 {
-    if(values.Any(x => x is null or UnsetValueType or not bool))
-        return BindingOperations.DoNothing;
-
-    bool value = (bool)values[0];
-
-    if (value)
-        return ">";
+    if ((bool)value)
+	return ">";
 
     return "<";
 }
 ```
 :::warning
-Since we need only one value in this code we will assume that every single value passed to this function should be a boolean. 
+In this code we are assuming that the converter will be used only with booleans.
 :::
 ### Bind the converter to the button content.
 Lastly, all that's left to do is bind the converter to the button's content. To do so import the namespace of the converter in the MainWindow.axaml file by adding the following line
 ``` xml
-xmlns:convs="clr-namespace:how_to_show_and_hide_a_split_view_pane_with_mvvm.Models"
+xmlns:convs="clr-namespace:YourNamespace.Models"
 ```
 So that the Window tag will look something like this.
 ``` xml
 <Window xmlns="https://github.com/avaloniaui"
         xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
-        xmlns:vm="using:how_to_show_and_hide_a_split_view_pane_with_mvvm.ViewModels"
+        xmlns:vm="using:YourNamespace.ViewModels"
         xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
         xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
         mc:Ignorable="d" d:DesignWidth="800" d:DesignHeight="450"
-        x:Class="how_to_show_and_hide_a_split_view_pane_with_mvvm.Views.MainWindow"
+        x:Class="YourNamespace.Views.MainWindow"
         x:DataType="vm:MainWindowViewModel"
         Icon="/Assets/avalonia-logo.ico"
         Title="how_to_show_and_hide_a_split_view_pane_with_mvvm"
 
-		xmlns:convs="clr-namespace:how_to_show_and_hide_a_split_view_pane_with_mvvm.Models"
+	xmlns:convs="clr-namespace:YourNamespace.Models"
 		>
 ```
+:::warning
+In the code above the namespace is YourNamespace. Please remember that if you want to use this code you must change it to what correspond to yours.
+:::
+
 Now add the converter to the static resources of the Window by doing the following.
 ``` xml
 <Window.Resources>
     <convs:SplitViewIconConverter x:Key="SplitViewIconConverter"/>
 </Window.Resources>
 ```
-Bind the button's content to the converter and pass the IsSplitViewPaneOpen property as a parameter to the converter.
+Bind the button's content to the converter and specify the Path to the value we need to pass to the converter. In this case the path is `IsSplitViewPaneOpen`.
 ``` xml
-<Button Command="{Binding ChangeSplitViewPaneStatusCommand}">
-    <Button.Content>
-        <MultiBinding Converter="{StaticResource SplitViewIconConverter}">
-            <Binding Path="IsSplitViewPaneOpen"/>
-        </MultiBinding>
-    </Button.Content>
-</Button>
+<Button Command="{Binding ChangeSplitViewPaneStatusCommand}" Content="{Binding Converter={StaticResource SplitViewIconConverter} Path=IsSplitViewPaneOpen} "/>
 ```
 <br>
 The final MainWindow code should look like this:
@@ -256,16 +256,16 @@ The final MainWindow code should look like this:
 ``` xml
 <Window xmlns="https://github.com/avaloniaui"
         xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
-        xmlns:vm="using:how_to_show_and_hide_a_split_view_pane_with_mvvm.ViewModels"
+        xmlns:vm="using:YourNamespace.ViewModels"
         xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
         xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
         mc:Ignorable="d" d:DesignWidth="800" d:DesignHeight="450"
-        x:Class="how_to_show_and_hide_a_split_view_pane_with_mvvm.Views.MainWindow"
+        x:Class="YourNamespace.Views.MainWindow"
         x:DataType="vm:MainWindowViewModel"
         Icon="/Assets/avalonia-logo.ico"
         Title="how_to_show_and_hide_a_split_view_pane_with_mvvm"
 
-		xmlns:convs="clr-namespace:how_to_show_and_hide_a_split_view_pane_with_mvvm.Models"
+	xmlns:convs="clr-namespace:YourNamespace.Models"
 		>
 
     <Design.DataContext>
@@ -281,13 +281,7 @@ The final MainWindow code should look like this:
 		<SplitView PanePlacement="Right" DisplayMode="CompactInline" IsPaneOpen="{Binding IsSplitViewPaneOpen}">
 			<SplitView.Pane>
 				<StackPanel VerticalAlignment="Top" Margin="5" Orientation="Horizontal">
-					<Button Command="{Binding ChangeSplitViewPaneStatusCommand}">
-						<Button.Content>
-							<MultiBinding Converter="{StaticResource SplitViewIconConverter}">
-								<Binding Path="IsSplitViewPaneOpen"/>
-							</MultiBinding>
-						</Button.Content>
-					</Button>
+					<Button Command="{Binding ChangeSplitViewPaneStatusCommand}" Content="{Binding Converter={StaticResource SplitViewIconConverter} Path=IsSplitViewPaneOpen} "/>
 					<TextBlock VerticalAlignment="Center" Margin="15, 0, 0, 0" FontSize="25" Text="Settings"/>
 				</StackPanel>
 			</SplitView.Pane>
@@ -296,7 +290,7 @@ The final MainWindow code should look like this:
 </Window>
 ```
 :::warning
-If you want to approach the problem by using just a normal converter and passing the IsSplitViewPaneOpen property to it as parameter, don't try to do that since ConverterParameter does not currently support binding. 
+In the code above the namespace is YourNamespace. Please remember that if you want to use this code you must change it to what correspond to yours.
 :::
 ## Final result:
 **Pane hidden**

From 54d894a5071a247ece01377a7ee80555521fc3b5 Mon Sep 17 00:00:00 2001
From: Riccardo Piredda <127589992+Nemonek@users.noreply.github.com>
Date: Mon, 9 Sep 2024 19:24:52 +0200
Subject: [PATCH 15/17] Added framework agnostic approach.

---
 ...ow-and-hide-a-split-view-pane-with-mvvm.md | 119 +++++++++++++++---
 1 file changed, 100 insertions(+), 19 deletions(-)

diff --git a/docs/guides/development-guides/how-to-show-and-hide-a-split-view-pane-with-mvvm.md b/docs/guides/development-guides/how-to-show-and-hide-a-split-view-pane-with-mvvm.md
index 8048754df..264b34fc4 100644
--- a/docs/guides/development-guides/how-to-show-and-hide-a-split-view-pane-with-mvvm.md
+++ b/docs/guides/development-guides/how-to-show-and-hide-a-split-view-pane-with-mvvm.md
@@ -73,8 +73,7 @@ We will now add some additional elements to the pane. First a StackPanel, then a
 <SplitView PanePlacement="Right" DisplayMode="CompactInline">
     <SplitView.Pane>
         <StackPanel VerticalAlignment="Top" Margin="5" Orientation="Horizontal">
-            <Button>
-            </Button>
+            <Button />
             <TextBlock VerticalAlignment="Center" Margin="15, 0, 0, 0" FontSize="25" Text="Settings"/>
         </StackPanel>
     </SplitView.Pane>
@@ -87,8 +86,7 @@ We will add a TextBlock in the main part of the SplitView, outside the Pane. In
 <SplitView PanePlacement="Right" DisplayMode="CompactInline">
     <SplitView.Pane>
         <StackPanel VerticalAlignment="Top" Margin="5" Orientation="Horizontal">
-            <Button>
-            </Button>
+            <Button />
             <TextBlock VerticalAlignment="Center" Margin="15, 0, 0, 0" FontSize="25" Text="Settings"/>
         </StackPanel>
     </SplitView.Pane>
@@ -97,10 +95,12 @@ We will add a TextBlock in the main part of the SplitView, outside the Pane. In
 ```
 
 ## Binding the SplitView's `IsPaneOpen` property to a ViewModel's property.
-First, create a boolean property with a private backing field in the ViewModel which will contains the boolean value. Now, by using Reactive UI, make it notify every change to the field to the UI. Remember to initialize the backing property with the value you need in the VewModel's constructor.
-:::info
-By default in an MVVM project each ViewModel inherits from a ViewModelBase which inherits from the ReactiveObject class. By doing so in every ViewModel there will be the necessary methods to notify the UI. For more informations see [here](https://docs.avaloniaui.net/docs/concepts/reactiveui/reactive-view-model).
-:::
+First, create a boolean property with a private backing field in the ViewModel which will contains the boolean value. Now, make it notify every change to the field to the UI. Remember to initialize the backing property with the value you need in the VewModel's constructor.
+To make the it notify the UI of every change you can use two different approaches:
+<br>
+<br>
+**If you are using Reactive UI**
+By default in an MVVM project with Reactive UI each ViewModel inherits from a ViewModelBase which inherits from the ReactiveObject class. By doing so in every ViewModel there will be the necessary methods to notify the UI. For more informations see [here](https://docs.avaloniaui.net/docs/concepts/reactiveui/reactive-view-model).
 ``` C#
 private bool _isSplitViewPaneOpen;
 public bool IsSplitViewPaneOpen
@@ -111,6 +111,34 @@ public bool IsSplitViewPaneOpen
         this.RaiseAndSetIfChanged(ref this._isSplitViewPaneOpen, value);
     }
 }
+```
+
+**If you are _not_ using Reactive UI**
+If you are not using Reactive UI, instead you can use the built in interface INotifyPropertyChanged. Keep in mind that you need to implement it in your ViewModels as follows:
+``` C#
+public event PropertyChangedEventHandler PropertyChanged;
+protected virtual void OnPropertyChanged(string propertyName)
+{
+    PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
+}
+```
+For more informations about this interface please see [here](https://docs.avaloniaui.net/docs/guides/data-binding/inotifypropertychanged).
+Below the code for the property and it's backing field without Reactive UI:
+``` C#
+private bool _isSplitViewPaneOpen;
+public bool IsSplitViewPaneOpen
+{
+    get => this._isSplitViewPaneOpen;
+    set
+    {
+        this._isSplitViewPaneOpen = value;
+        OnPropertyChanged(nameof(IsSplitViewPaneOpen));
+    }
+}
+```
+Finally, the code in the constructor will be the same for both versions:
+
+``` C#
 public MainWindowViewModel()
 {
     // The default value of a boolean variable is false. Hence if you need the Pane to start closed you can avoid this initialization.
@@ -128,7 +156,11 @@ You should now have the following configuration:
 
 ## Configuring the button
 At this point all we need to do is make the button open and close the SplitView's pane when clicked.
-To do so create a public property of type ICommand in the ViewModel with just the "getter method".
+To do so the process is different based on if you are using Reactive UI or not:
+<br>
+<br>
+**If you are using Reactive UI**
+Create a public property of type ICommand in the ViewModel with just the "getter method".
 ``` C#
 public ICommand ChangeSplitViewPaneStatusCommand { get; }
 ```
@@ -139,12 +171,52 @@ this.ChangeSplitViewPaneStatusCommand = ReactiveCommand.Create(() =>
     this.IsSplitViewPaneOpen = !this.IsSplitViewPaneOpen;
 });
 ```
-In this example I will be using a very simple logic: if the value is true it becomes false, and if it's false it becomes true.
+**If you are _not_ using Reactive UI**
+Create a normal public function with no return type (void) and add to it's body the logic:
+``` C#
+public void ChangeSplitViewPaneStatusCommand()
+{
+    this.IsSplitViewPaneOpen = !this.IsSplitViewPaneOpen;
+}
+```
+:::info
+In both the version with and without Reactive UI there will be the same logic: if the value is true it becomes false, and if it's false it becomes true.
+:::
 <br>
-You should now have the following code in the ViewModel:
-
+You should now have the following code in the ViewModel depending on the approach you chose:
+<Tabs>
+    <TabItem label="Reactive UI" default>
 ``` C#
 public class MainWindowViewModel : ViewModelBase
+{
+    private bool _isSplitViewPaneOpen;
+    public bool IsSplitViewPaneOpen
+    {
+	get => this._isSplitViewPaneOpen;
+	set
+	{
+	    this.RaiseAndSetIfChanged(ref this._isSplitViewPaneOpen, value);
+	}
+    }
+
+    public ICommand ChangeSplitViewPaneStatusCommand { get; }
+
+    public MainWindowViewModel()
+    {
+	// The default value of a boolean variable is false. Hence if you need the Pane to start closed you can avoid this initialization.
+	this._isSplitViewPaneOpen = false;
+	this.ChangeSplitViewPaneStatusCommand = ReactiveCommand.Create(() =>
+	{
+	    this.IsSplitViewPaneOpen = !this.IsSplitViewPaneOpen;
+	});
+    }
+}
+```
+    </TabItem>
+    
+    <TabItem label="No Reactive UI">
+``` C#
+public class MainWindowViewModel : INotifyPropertyChanged
 {
     private bool _isSplitViewPaneOpen;
     public bool IsSplitViewPaneOpen
@@ -152,24 +224,33 @@ public class MainWindowViewModel : ViewModelBase
         get => this._isSplitViewPaneOpen;
         set
         {
-            this.RaiseAndSetIfChanged(ref this._isSplitViewPaneOpen, value);
+            this._isSplitViewPaneOpen = value;
+            OnPropertyChanged(nameof(IsSplitViewPaneOpen));
         }
     }
 
-    public ICommand ChangeSplitViewPaneStatusCommand { get; }
+    public event PropertyChangedEventHandler PropertyChanged;
+    protected virtual void OnPropertyChanged(string propertyName)
+    {
+        PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
+    }
 
     public MainWindowViewModel()
     {
         // The default value of a boolean variable is false. Hence if you need the Pane to start closed you can avoid this initialization.
         this._isSplitViewPaneOpen = false;
-        this.ChangeSplitViewPaneStatusCommand = ReactiveCommand.Create(() =>
-        {
-            this.IsSplitViewPaneOpen = !this.IsSplitViewPaneOpen;
-        });
+    }
+    public void ChangeSplitViewPaneStatusCommand()
+    {
+        this.IsSplitViewPaneOpen = !this.IsSplitViewPaneOpen;
     }
 }
 ```
-Now, to make the button invoke the command you just need to bind it. (For more informations see [here](https://docs.avaloniaui.net/docs/guides/data-binding/how-to-bind-to-a-command-with-reactiveui))
+    </TabItem>
+</Tabs
+
+Now, to make the button invoke the command (or the function in case you're not using Reactive UI) you just need to bind it. The process is the same with and without Reactive UI.<br>
+For more informations see [here](https://docs.avaloniaui.net/docs/guides/data-binding/how-to-bind-to-a-command-with-reactiveui) for Reactive UI and [here](https://docs.avaloniaui.net/docs/guides/data-binding/how-to-bind-to-a-command-without-reactiveui) without Reactive UI.
 ``` xml
 <Button Command="{Binding ChangeSplitViewPaneStatusCommand}">
 ```

From fbb54e541768913060b6a3464bce00f80b90e4d3 Mon Sep 17 00:00:00 2001
From: Riccardo Piredda <127589992+Nemonek@users.noreply.github.com>
Date: Tue, 10 Sep 2024 19:07:56 +0200
Subject: [PATCH 16/17] Removed more casual terminology. Corrected step related
 to the use of a converter.

---
 .../how-to-show-and-hide-a-split-view-pane-with-mvvm.md   | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/docs/guides/development-guides/how-to-show-and-hide-a-split-view-pane-with-mvvm.md b/docs/guides/development-guides/how-to-show-and-hide-a-split-view-pane-with-mvvm.md
index 264b34fc4..c63dbf36e 100644
--- a/docs/guides/development-guides/how-to-show-and-hide-a-split-view-pane-with-mvvm.md
+++ b/docs/guides/development-guides/how-to-show-and-hide-a-split-view-pane-with-mvvm.md
@@ -25,7 +25,7 @@ Although in this guide we will be using the MainWindow.axaml and MainWindowViewM
 :::
 
 ## Adding the SplitView panel to the MainWindow
-Open the MainWindow.xaml file. The file should have the following content in it by default:
+Open the MainWindow.xaml file. The default MVVM project template will generate a project populated with the following default files:
 ``` xml
 <Window xmlns="https://github.com/avaloniaui"
         xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
@@ -256,7 +256,7 @@ For more informations see [here](https://docs.avaloniaui.net/docs/guides/data-bi
 ```
 By doing so the command will be invoked each time the button is clicked and will update the IsSplitViewPaneOpen's value accordingly.
 <br><br>
-**If you followed this guide step by step you should now have something like this:**
+**If you followed this guide step by step you should now have the following window:**
 <img className="screenshot-full" src={SecondExample} alt="Second example" />
 
 ## Adding content to the button
@@ -283,7 +283,7 @@ public object? ConvertBack(object? value, Type targetType, object? parameter, Cu
     throw new NotImplementedException();
 }
 ```
-Second, define how the method will behave based on the value which will be passed to it in the IList object. We will assume that the first value of the list will be the value of `IsSplitViewPaneOpen`, and will treat it accordingly. When the value is true the method will return '>', otherwise it will return '<'. Please note that in this guide we will not use the function `ConvertBack`.
+Second, define how the method will behave based on the value which will be passed to it in the `value` paramter. When the value is true the method will return '>', otherwise it will return '<'. Please note that in this guide we will not use the function `ConvertBack`.
 ``` C#
 public object? Convert(object? value, Type targetType, object? parameter, CultureInfo culture)
 {
@@ -301,7 +301,7 @@ Lastly, all that's left to do is bind the converter to the button's content. To
 ``` xml
 xmlns:convs="clr-namespace:YourNamespace.Models"
 ```
-So that the Window tag will look something like this.
+So that the Window tag will have the following content.
 ``` xml
 <Window xmlns="https://github.com/avaloniaui"
         xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

From a1103e537a7a3272eb56190c85302e60cb504f58 Mon Sep 17 00:00:00 2001
From: Riccardo Piredda <127589992+Nemonek@users.noreply.github.com>
Date: Wed, 11 Sep 2024 21:36:58 +0200
Subject: [PATCH 17/17] Minor correction.

---
 .../how-to-show-and-hide-a-split-view-pane-with-mvvm.md       | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/docs/guides/development-guides/how-to-show-and-hide-a-split-view-pane-with-mvvm.md b/docs/guides/development-guides/how-to-show-and-hide-a-split-view-pane-with-mvvm.md
index c63dbf36e..2325b121a 100644
--- a/docs/guides/development-guides/how-to-show-and-hide-a-split-view-pane-with-mvvm.md
+++ b/docs/guides/development-guides/how-to-show-and-hide-a-split-view-pane-with-mvvm.md
@@ -81,7 +81,7 @@ We will now add some additional elements to the pane. First a StackPanel, then a
 ```
 
 ### Adding some content to the SplitView
-We will add a TextBlock in the main part of the SplitView, outside the Pane. In the future you may replace the TextBlock with the content you need. This part of the SplitView will always be visible.
+We will add a TextBlock in the main part of the SplitView, outside the Pane. In future, you may replace the TextBlock with the content you need. This part of the SplitView will always be visible.
 ``` xml
 <SplitView PanePlacement="Right" DisplayMode="CompactInline">
     <SplitView.Pane>
@@ -283,7 +283,7 @@ public object? ConvertBack(object? value, Type targetType, object? parameter, Cu
     throw new NotImplementedException();
 }
 ```
-Second, define how the method will behave based on the value which will be passed to it in the `value` paramter. When the value is true the method will return '>', otherwise it will return '<'. Please note that in this guide we will not use the function `ConvertBack`.
+Second, define how the method will behave based on the value which will be passed to it in the `value` parameter. When the value is true the method will return '>', otherwise it will return '<'. Please note that in this guide we will not use the function `ConvertBack`.
 ``` C#
 public object? Convert(object? value, Type targetType, object? parameter, CultureInfo culture)
 {