Image and Readme Updated

Author: friedcucumber

CS/AdvancedColumnLayout/MainPage.xaml

@@ -5,13 +5,13 @@
              ios:Page.UseSafeArea="true"
              x:Class="AdvancedColumnLayout.MainPage">
     <dxg:DataGridView ItemsSource="{Binding Employees}">
-        <dxg:DataGridView.AdvancedColumnLayout>
+        <!--<dxg:DataGridView.AdvancedColumnLayout>
             <dxg:AdvancedColumnLayout>
                 <dxg:AdvancedColumnLayout.ColumnDefinitions>
-                    <ColumnDefinition Width="100"/>
-                    <ColumnDefinition Width="6*"/>
-                    <ColumnDefinition Width="7*"/>
-                    <ColumnDefinition Width="6*"/>
+                    <ColumnDefinition Width="80"/>
+                    <ColumnDefinition Width="3*"/>
+                    <ColumnDefinition Width="8*"/>
+                    <ColumnDefinition Width="8*"/>
                     <ColumnDefinition Width="9*"/>
                 </dxg:AdvancedColumnLayout.ColumnDefinitions>
                 <dxg:AdvancedColumnLayout.RowDefinitions>
@@ -21,22 +21,13 @@
                     <RowDefinition Height="Auto"/>
                 </dxg:AdvancedColumnLayout.RowDefinitions>
             </dxg:AdvancedColumnLayout>
-        </dxg:DataGridView.AdvancedColumnLayout>
+        </dxg:DataGridView.AdvancedColumnLayout>-->
 
-        <dxg:ImageColumn FieldName="Image" Caption="Photo" RowSpan="3"/>
+        <dxg:ImageColumn FieldName="Image" Caption="Photo" Column="0" />
 
-        <dxg:TextColumn FieldName="FullName" Column="1" ColumnSpan="2"/>
-        <dxg:TextColumn FieldName="Phone" Column="3" ColumnSpan="2"/>
+        <dxg:TextColumn FieldName="FullName" Column="1"/>
 
-        <dxg:TextColumn FieldName="JobTitle" Row="1" Column="1" ColumnSpan="4"/>
-
-        <dxg:DateColumn FieldName="BirthDate" Row="2" Column="1" ColumnSpan="2"/>
-        <dxg:DateColumn FieldName="HireDate" Row="2" Column="3" ColumnSpan="2"/>
-
-        <dxg:TextColumn FieldName="AddressLine1" Caption="Address" Row="3" ColumnSpan="2"/>
-        <dxg:TextColumn FieldName="City"  Row="3" Column="2"/>
-        <dxg:TextColumn FieldName="PostalCode" Caption="Code" Row="3" Column="3"/>
-        <dxg:TextColumn FieldName="CountryRegionName" Caption="Country" Row="3" Column="4"/>
+        <dxg:TextColumn FieldName="JobTitle" Column="2" />
 
     </dxg:DataGridView>
 </ContentPage>

CS/AdvancedColumnLayout/Readme.md

@@ -1,13 +1,8 @@
 # Change Column Layout
 
-This example shows how to define the multi-row column layout for a grid that contains information about *employees*. For a complete description, refer to the following help topic: [Change Column Layout](https://docs.devexpress.com/MobileControls/401696/xamarin-forms/data-grid/examples/column-layout).
+This example shows how to define the multi-row column layout for a grid that contains information about *employees*.
 
-<img src="./img/column-layouts.png"/>
-
-To run the application:
-1. [Obtain your NuGet feed URL](http://docs.devexpress.com/GeneralInformation/116042/installation/install-devexpress-controls-using-nuget-packages/obtain-your-nuget-feed-url).
-2. Register the DevExpress NuGet feed as a package source.
-3. Restore all NuGet packages for the solution.
+<img src="./img/advanced-column-layouts.png"/>
 
 <!-- default file list -->
 ## Files to Review

CS/AdvancedColumnLayout/img/advanced-column-layouts.png

@@ -34,18 +34,6 @@
 		<!-- Custom Fonts -->
 		<MauiFont Include="Resources\Fonts\*" />
 	</ItemGroup>
-	<ItemGroup>
-	  <None Remove="Resources\Images\andrew_fuller.jpg" />
-	  <None Remove="Resources\Images\anne_dodsworth.jpg" />
-	  <None Remove="Resources\Images\janet_leverling.jpg" />
-	  <None Remove="Resources\Images\laura_callahan.jpg" />
-	  <None Remove="Resources\Images\margaret_peacock.jpg" />
-	  <None Remove="Resources\Images\michael_suyama.jpg" />
-	  <None Remove="Resources\Images\nancy_davolio.jpg" />
-	  <None Remove="Resources\Images\robert_king.jpg" />
-	  <None Remove="Resources\Images\steven_buchanan.jpg" />
-	  <None Remove="Resources\Images\xamarin_logo.svg" />
-	</ItemGroup>
 
 
 	<ItemGroup>

CS/AdvancedColumnLayout/img/column-layouts.png

@@ -1,13 +1,8 @@
 # Define Column Header Template
 
-This example shows how to define templates for grid column headers. To do this, assign a [DataTemplate](https://docs.microsoft.com/en-us/dotnet/api/xamarin.forms.datatemplate?view=xamarin-forms) object to a column's [HeaderContentTemplate](https://docs.devexpress.com/MobileControls/DevExpress.XamarinForms.DataGrid.GridColumn.HeaderContentTemplate) property.
+This example shows how to define templates for grid column headers. To do this, assign a [DataTemplate](https://learn.microsoft.com/en-us/dotnet/api/microsoft.maui.controls.datatemplate) object to a column's [HeaderContentTemplate](https://docs.devexpress.com/MAUI/DevExpress.Maui.DataGrid.GridColumn.HeaderContentTemplate) property.
 
-<img src="./img/column-header-template.png"/>
-
-To run the application:
-1. [Obtain your NuGet feed URL](http://docs.devexpress.com/GeneralInformation/116042/installation/install-devexpress-controls-using-nuget-packages/obtain-your-nuget-feed-url).
-2. Register the DevExpress NuGet feed as a package source.
-3. Restore all NuGet packages for the solution.
+<img src="./img/column-header-template-example.png"/>
 
 <!-- default file list -->
 ## Files to Review

CS/ColumnHeaderTemplate/ColumnHeaderTemplate.csproj

@@ -1,14 +1,9 @@
 # Create Columns for Different Data Types
 
-This example shows how to create columns in [DataGridView](https://docs.devexpress.com/MobileControls/DevExpress.XamarinForms.DataGrid.DataGridView) to display and edit data of different types. The grid is bound to a collection of *Employee* objects. Each *Employee* object contains an employee's photo (image), name, position, phone, address (strings), hire and birth dates (DateTime values), employee's access level (enumeration value), and a Boolean value indicating whether an employee is on vacation. For a complete description, refer to the following help topic: [Create Columns for Different Data Types](https://docs.devexpress.com/MobileControls/400831/xamarin-forms/data-grid/examples/all-columns).
+This example shows how to create columns in [DataGridView](https://docs.devexpress.com/MAUI/DevExpress.Maui.DataGrid.DataGridView) to display and edit data of different types. The grid is bound to a collection of *Employee* objects. Each *Employee* object contains an employee's photo (image), name, position, phone, address (strings), hire and birth dates (DateTime values), employee's access level (enumeration value), and a Boolean value indicating whether an employee is on vacation.
 
-<img src="./img/grid-all-columns.png"/>
+<img src="./img/all-columns.png"/>
 
-To run the application:
-1. [Obtain your NuGet feed URL](http://docs.devexpress.com/GeneralInformation/116042/installation/install-devexpress-controls-using-nuget-packages/obtain-your-nuget-feed-url).
-2. Register the DevExpress NuGet feed as a package source.
-3. Restore all NuGet packages for the solution.
-   
 <!-- default file list -->
 ## Files to Review
 

CS/ColumnHeaderTemplate/Readme.md

@@ -3,7 +3,7 @@
              xmlns:dxg="clr-namespace:DevExpress.Maui.DataGrid;assembly=DevExpress.Maui.DataGrid"
              xmlns:local="clr-namespace:CustomAppearance"
              xmlns:ios="clr-namespace:Microsoft.Maui.Controls.PlatformConfiguration.iOSSpecific;assembly=Microsoft.Maui.Controls"
-             ios:Page.UseSafeArea="true"
+             ios:Page.UseSafeArea="false"
              x:Class="CustomAppearance.MainPage">
     <ContentPage.BindingContext>
         <local:TestOrderRepository/>

CS/ColumnHeaderTemplate/Resources/Images/full_name.png

@@ -1,12 +1,7 @@
 # Customize Grid Appearance
-This example shows how to modify the grid appearance. For a complete description, refer to the following help topic: [Change Grid Appearance](http://docs.devexpress.devx/MobileControls/400845/xamarin-forms/data-grid/examples/grid-custom-appearance).
+This example shows how to modify the grid appearance. For a complete description, refer to the following help topic: [Change Grid Appearance](https://docs.devexpress.com/MAUI/403565/data-grid/net-maui-data-grid-appearance).
 
-<img src="./img/grid-custom-appearance.png"/>
-
-To run the application:
-1. [Obtain your NuGet feed URL](http://docs.devexpress.com/GeneralInformation/116042/installation/install-devexpress-controls-using-nuget-packages/obtain-your-nuget-feed-url).
-2. Register the DevExpress NuGet feed as a package source.
-3. Restore all NuGet packages for the solution.
+<img src="./img/custom-appearance.png"/>
 
 <!-- default file list -->
 ## Files to Review

CS/ColumnHeaderTemplate/Resources/Images/hire_date.png

@@ -3,46 +3,15 @@
 [![](https://img.shields.io/badge/Open_in_DevExpress_Support_Center-FF7200?style=flat-square&logo=DevExpress&logoColor=white)](https://supportcenter.devexpress.com/ticket/details/T1011038)
 [![](https://img.shields.io/badge/📖_How_to_use_DevExpress_Examples-e9f6fc?style=flat-square)](https://docs.devexpress.com/GeneralInformation/403183)
 <!-- default badges end -->
-# DevExpress Data Grid for .NET MAUI
-
-[DevExpress Mobile UI](https://www.devexpress.com/maui/) allows you to use a .NET cross-platform UI toolkit and C# to build native apps for iOS and Android.
-
-![DevExpress Mobile UI for .NET MAUI](./img/maui.png)
-
-The **DevExpress Mobile UI for Xamarin.Forms and .NET MAUI** is free of charge. To learn more about our offer and to reserve your copy, visit [Free DevExpress Mobile UI for Xamarin.Forms and .NET MAUI](https://www.devexpress.com/xamarin-free).
-
-## Requirements
-
-Please register the DevExpress NuGet Gallery in Visual Studio to restore the NuGet packages used in this solution. See the following topic for more information: [Get Started with DevExpress Mobile UI for .NET MAUI](https://docs.devexpress.com/MAUI/403249/get-started).
-
-## Documentation
-
-- [Data Grid](https://docs.devexpress.com/MAUI/403255/data-grid/data-grid)
-- [Charts](https://docs.devexpress.com/MAUI/403300/charts/charts)
-- [Data Form](https://docs.devexpress.com/MAUI/403640/data-form)
-- [Navigation](https://docs.devexpress.com/MAUI/403297/navigation/index)
-- [Data Editors](https://docs.devexpress.com/MAUI/403427/editors/index)
-- [Collection View](https://docs.devexpress.com/MAUI/403324/collection-view/index)
-
-## More Examples
-
-* [Stocks App](https://github.com/DevExpress-Examples/maui-stocks-mini)
-* [Data Form](https://github.com/DevExpress-Examples/maui-data-form-get-started)
-* [Data Editors](https://github.com/DevExpress-Examples/maui-editors-get-started)
-* [Pie Chart](https://github.com/DevExpress-Examples/maui-pie-chart-get-started)
-* [Scatter Chart](https://github.com/DevExpress-Examples/maui-scatter-chart-get-started)
-* [Tab View](https://github.com/DevExpress-Examples/maui-tab-view-get-started)
-* [Collection View](https://github.com/DevExpress-Examples/maui-collection-view-get-started)
-
-## What's in This Repository
+# Get Started with the DevExpress Data Grid for .NET MAUI
 
 The DevExpress Data Grid for .NET MAUI is a data-aware control designed to present and manage data in a tabular format.
 
-![MAUI Data Grid](./img/devexpress-maui-data-grid.png)
+![MAUI Data Grid](./img/maui-data-grid.png)
 
 This example allows you to get started with the DataGridView component - bind it to a data source and configure its columns.
 
-### Files to Look At
+### Files to Review
 
 <!-- default file list -->
 * [MauiProgram.cs](./CS/DataGridExample/MauiProgram.cs)

CS/ColumnHeaderTemplate/Resources/Images/job_title.png

@@ -1,12 +1,7 @@
 # Edit Cells - Edit Form
-This example shows how to set up the grid to display the Edit Values form when a user taps a cell. For a complete description, refer to the following help topic: [Enable the Edit Form](https://docs.devexpress.com/MobileControls/400993/xamarin-forms/data-grid/examples/edit-cells#how-to-enable-the-edit-form).
+This example shows how to set up the grid to display the Edit Values form when a user taps a cell. For a complete description, refer to the following help topic: [Enable the Edit Form](https://docs.devexpress.com/MAUI/403652/data-grid/edit-cell-values#edit-form).
 
-<img src="./img/default-edit-form.png"/>
-
-To run the application:
-1. [Obtain your NuGet feed URL](http://docs.devexpress.com/GeneralInformation/116042/installation/install-devexpress-controls-using-nuget-packages/obtain-your-nuget-feed-url).
-2. Register the DevExpress NuGet feed as a package source.
-3. Restore all NuGet packages for the solution.
+<img src="./img/edit-form.png"/>
 
 <!-- default file list -->
 ## Files to Review

CS/ColumnHeaderTemplate/Resources/Images/phone.png

@@ -1,12 +1,7 @@
 # Edit Cells - Custom Edit Form
-This example shows how to create a custom view for the grid's edit form and set up the grid to invoke this form when a user double taps a cell. For a complete description, refer to the following help topic: [Define a Custom Template for the Edit Form](https://docs.devexpress.com/MobileControls/400993/xamarin-forms/data-grid/examples/edit-cells#how-to-define-a-custom-template-for-the-edit-form).
+This example shows how to create a custom view for the grid's edit form and set up the grid to invoke this form when a user double taps a cell. For a complete description, refer to the following help topic: [Define a Custom Template for the Edit Form](https://docs.devexpress.com/MAUI/403652/data-grid/edit-cell-values#how-to-define-a-custom-template-for-the-edit-form).
 
-<img src="./img/edit-form-template.png"/>
-
-To run the application:
-1. [Obtain your NuGet feed URL](http://docs.devexpress.com/GeneralInformation/116042/installation/install-devexpress-controls-using-nuget-packages/obtain-your-nuget-feed-url).
-2. Register the DevExpress NuGet feed as a package source.
-3. Restore all NuGet packages for the solution.
+<img src="./img/grid-edit-form-template.png"/>
 
 <!-- default file list -->
 ## Files to Review

CS/ColumnHeaderTemplate/Resources/Images/photo.png

@@ -1,13 +1,8 @@
 # Edit Cells - In-Place Editors
 
-This example demonstrates how to set an in-place editor template for a [TemplateColumn](https://docs.devexpress.com/MobileControls/DevExpress.XamarinForms.DataGrid.TemplateColumn)'s cell.
+This example demonstrates how to set an in-place editor template for a [TemplateColumn](https://docs.devexpress.com/MAUI/DevExpress.Maui.DataGrid.TemplateColumn)'s cell.
 
-<img src="./img/grid-edit-template.png"/>
-
-To run the application:
-1. [Obtain your NuGet feed URL](http://docs.devexpress.com/GeneralInformation/116042/installation/install-devexpress-controls-using-nuget-packages/obtain-your-nuget-feed-url).
-2. Register the DevExpress NuGet feed as a package source.
-3. Restore all NuGet packages for the solution.
+<img src="./img/edit-template.png"/>
 
 <!-- default file list -->
 ## Files to Review

CS/ColumnHeaderTemplate/img/column-header-template-example.png

@@ -2,16 +2,11 @@
 
 This example shows how to implement the grid's load-more functionality - when a user scrolls to the bottom of the grid, a set of new data items is added to the end of the grid. Data items for each next load (ten new orders) are generated randomly in code. The maximum number of loads a user is allowed to perform is 3. The total summary displays the count of data items currently loaded to the grid (it is automatically updated after each load).
 
-1. Set the [DataGridView.IsLoadMoreEnabled](https://docs.devexpress.com/MobileControls/DevExpress.XamarinForms.DataGrid.DataGridView.IsLoadMoreEnabled) property to **true** to enable the grid's load-more functionality.  
-2. Create a command to be executed when a user scrolls to the bottom of the grid. Set the [DataGridView.IsRefreshing](https://docs.devexpress.com/MobileControls/DevExpress.XamarinForms.DataGrid.DataGridView.IsRefreshing) property to **false** after data is loaded to hide the loading indicator in the grid.  
-3. Bind the [DataGridView.LoadMoreCommand](https://docs.devexpress.com/MobileControls/DevExpress.XamarinForms.DataGrid.DataGridView.LoadMoreCommand) property to the created command.  
+1. Set the [DataGridView.IsLoadMoreEnabled](https://docs.devexpress.com/MAUI/DevExpress.Maui.DataGrid.DataGridView.IsLoadMoreEnabled) property to **true** to enable the grid's load-more functionality.  
+2. Create a command to be executed when a user scrolls to the bottom of the grid. Set the [DataGridView.IsRefreshing](https://docs.devexpress.com/MAUI/DevExpress.Maui.DataGrid.DataGridView.IsRefreshing) property to **false** after data is loaded to hide the loading indicator in the grid.  
+3. Bind the [DataGridView.LoadMoreCommand](https://docs.devexpress.com/MAUI/DevExpress.Maui.DataGrid.DataGridView.LoadMoreCommand) property to the created command.  
 
-<img src="./img/grid-load-more-example.png"/>
-
-To run the application:
-1. [Obtain your NuGet feed URL](http://docs.devexpress.com/GeneralInformation/116042/installation/install-devexpress-controls-using-nuget-packages/obtain-your-nuget-feed-url).
-2. Register the DevExpress NuGet feed as a package source.
-3. Restore all NuGet packages for the solution.
+<img src="./img/load-more-example.png"/>
 
 <!-- default file list -->
 ## Files to Review

CS/ColumnHeaderTemplate/img/column-header-template.png

@@ -10,7 +10,7 @@ public string Name {
             set {
                 name = value;
                 if (Photo == null) {
-                    resourceName = value.ToLower() + ".png";
+                    resourceName = value.ToLower();
                     if (!String.IsNullOrEmpty(resourceName))
                         Photo = ImageSource.FromResource(resourceName);
                 }

CS/Columns/Readme.md

@@ -34,16 +34,6 @@
 		<!-- Custom Fonts -->
 		<MauiFont Include="Resources\Fonts\*" />
 	</ItemGroup>
-	<ItemGroup>
-	  <None Remove="Resources\Images\Beverages.png" />
-	  <None Remove="Resources\Images\Condiments.png" />
-	  <None Remove="Resources\Images\Confections.png" />
-	  <None Remove="Resources\Images\DairyProducts.png" />
-	  <None Remove="Resources\Images\Grains.png" />
-	  <None Remove="Resources\Images\MeatPoultry.png" />
-	  <None Remove="Resources\Images\Produce.png" />
-	  <None Remove="Resources\Images\Seafood.png" />
-	</ItemGroup>
 
 
 	<ItemGroup>

CS/Columns/img/all-columns.png

@@ -2,17 +2,12 @@
 
 This example shows how to set up the grid so that it allows users to request a content update with the pull-down gesture. To do this, follow the steps below.
 
-1. Set the [DataGridView.IsPullToRefreshEnabled](https://docs.devexpress.com/MobileControls/DevExpress.XamarinForms.DataGrid.DataGridView.IsPullToRefreshEnabled) property to **true** to enable the grid's pull-to-refresh functionality.  
-2. Create a command to be executed when a user pulls the grid down. Set the [DataGridView.IsRefreshing](https://docs.devexpress.com/MobileControls/DevExpress.XamarinForms.DataGrid.DataGridView.IsRefreshing) property to **false** after data is refreshed to hide the refresh indicator in the grid.  
-3. Bind the [DataGridView.PullToRefreshCommand](https://docs.devexpress.com/MobileControls/DevExpress.XamarinForms.DataGrid.DataGridView.PullToRefreshCommand) property to the created command.  
+1. Set the [DataGridView.IsPullToRefreshEnabled](https://docs.devexpress.com/MAUI/DevExpress.Maui.DataGrid.DataGridView.IsPullToRefreshEnabled) property to **true** to enable the grid's pull-to-refresh functionality.  
+2. Create a command to be executed when a user pulls the grid down. Set the [DataGridView.IsRefreshing](https://docs.devexpress.com/MAUI/DevExpress.Maui.DataGrid.DataGridView.IsRefreshing) property to **false** after data is refreshed to hide the refresh indicator in the grid.  
+3. Bind the [DataGridView.PullToRefreshCommand](https://docs.devexpress.com/MAUI/DevExpress.Maui.DataGrid.DataGridView.PullToRefreshCommand) property to the created command.  
 
 <img src="./img/grid-pull-to-refresh.png"/>
 
-To run the application:
-1. [Obtain your NuGet feed URL](http://docs.devexpress.com/GeneralInformation/116042/installation/install-devexpress-controls-using-nuget-packages/obtain-your-nuget-feed-url).
-2. Register the DevExpress NuGet feed as a package source.
-3. Restore all NuGet packages for the solution.
-
 <!-- default file list -->
 ## Files to Review