diff --git a/controls/chart/behaviors/images/chart-behaviors-selection.png b/controls/chart/behaviors/images/chart-behaviors-selection.png index 21b46d540..609e9b01b 100644 Binary files a/controls/chart/behaviors/images/chart-behaviors-selection.png and b/controls/chart/behaviors/images/chart-behaviors-selection.png differ diff --git a/controls/datagrid/columns/width.md b/controls/datagrid/columns/width.md index 7391fd3b6..f56038679 100644 --- a/controls/datagrid/columns/width.md +++ b/controls/datagrid/columns/width.md @@ -1,6 +1,6 @@ --- title: Columns Width -page_title: .NET MAUI DataGrid Documentation - Columns Width +meta_title: .NET MAUI DataGrid Documentation - Columns Width description: Check our "Columns Width" documentation article for Telerik DataGrid for .NET MAUI. position: 4 previous_url: /controls/datagrid/columns/datagrid-columns-width @@ -11,14 +11,14 @@ slug: datagrid-columns-width This article describes how to set a width to the [.NET MAUI DataGrid]({%slug datagrid-overview%}) column using the `SizeMode` and `Width` properties. -* `SizeMode`(`DataGridColumnSizeMode`)—Defines the `DataGridColumnSizeMode` value that controls how the column and its associated cells are sized horizontally. +* `SizeMode` (`DataGridColumnSizeMode`)—Defines the `DataGridColumnSizeMode` value that controls how the column and its associated cells are sized horizontally. * `Fixed`—The column has a fixed width as defined by its Width property. * `Stretch`—The column is stretched to the available width proportionally to its desired width. * `Auto`—The columns is sized to its desired width. That is the maximum desired width of all associated cells. -* `Width`(`double`)—Specifies the fixed width for the column. Applicable when the `SizeMode` property is set to `DataGridColumnSizeMode`.Fixed. -* `MinimumWidth`(`double`)—Specifies the minimum width of a column. This property is applicable when setting `SizeMode` column property to `Fixed`. When `MinimumWidth` is set, you can not reduce the width of the column to a value lower than the `MinimumWidth`. +* `Width` (`double`)—Specifies the fixed width for the column. Applicable when the `SizeMode` property is set to `DataGridColumnSizeMode.Fixed`. +* `MinimumWidth` (`double`)—Specifies the minimum width of a column. This property is applicable when setting `SizeMode` column property to `Fixed`. When `MinimumWidth` is set, you can not reduce the width of the column to a value lower than the `MinimumWidth`. -* `ActualWidth` (double): Gets the actual width of the column. +* `ActualWidth` (`double`)—Gets the actual width of the column. ## Example @@ -58,10 +58,6 @@ xmlns:telerik="http://schemas.telerik.com/2022/xaml/maui" >important The `Width` property of columns will apply only when `SizeMode="Fixed"`. -The first and second columns have set widths of 100 and 200, respectively: - -![DataGrid Fixes Column Size](../images/datagrid-columns-width-fixed.png) - ### Second Scenario when SizeMode="Stretch": ```XAML @@ -79,17 +75,13 @@ Where the `telerik` namespace is the following: xmlns:telerik="http://schemas.telerik.com/2022/xaml/maui" ``` -The columns take all the available space proportionally. The Width property is ignored. - -![DataGrid Stretch Column Size](../images/datagrid-columns-width-stretch.png) - ### Third Scenario when SizeMode="Auto": ```XAML - - + + ``` @@ -100,10 +92,6 @@ Where the `telerik` namespace is the following: xmlns:telerik="http://schemas.telerik.com/2022/xaml/maui" ``` -The columns take only as much space as they need. The Width property is ignored. - -![DataGrid Auto Column Size](../images/datagrid-columns-width-auto.png) - ### Fourth Scenario with different SizeMode values Lastly, lets use three columns to fully clarify the `SizeMode` behavior: @@ -124,10 +112,6 @@ Where the `telerik` namespace is the following: xmlns:telerik="http://schemas.telerik.com/2022/xaml/maui" ``` -The first and the third columns each have a fixed size of 100 and the second column takes all the available space because of SizeMode="Stretch": - -![DataGrid SizeMode](../images/datagrid-columns-width.png) - ## See Also - [Picker Column]({%slug datagrid-columns-picker-column %}) diff --git a/controls/datagrid/images/column-footer-style.png b/controls/datagrid/images/column-footer-style.png index 69b4fd156..a37ad1d52 100644 Binary files a/controls/datagrid/images/column-footer-style.png and b/controls/datagrid/images/column-footer-style.png differ diff --git a/controls/datagrid/images/datagrid-cells-rows.png b/controls/datagrid/images/datagrid-cells-rows.png new file mode 100644 index 000000000..99bc2eaf9 Binary files /dev/null and b/controls/datagrid/images/datagrid-cells-rows.png differ diff --git a/controls/datagrid/images/datagrid-columns-styling.png b/controls/datagrid/images/datagrid-columns-styling.png index ab9a7ff2c..329cd3371 100644 Binary files a/controls/datagrid/images/datagrid-columns-styling.png and b/controls/datagrid/images/datagrid-columns-styling.png differ diff --git a/controls/datagrid/images/datagrid-columns-width-auto.png b/controls/datagrid/images/datagrid-columns-width-auto.png deleted file mode 100644 index 9021d0eae..000000000 Binary files a/controls/datagrid/images/datagrid-columns-width-auto.png and /dev/null differ diff --git a/controls/datagrid/images/datagrid-columns-width-fixed.png b/controls/datagrid/images/datagrid-columns-width-fixed.png deleted file mode 100644 index 2dcd38437..000000000 Binary files a/controls/datagrid/images/datagrid-columns-width-fixed.png and /dev/null differ diff --git a/controls/datagrid/images/datagrid-columns-width-stretch.png b/controls/datagrid/images/datagrid-columns-width-stretch.png deleted file mode 100644 index 7ef3f224d..000000000 Binary files a/controls/datagrid/images/datagrid-columns-width-stretch.png and /dev/null differ diff --git a/controls/datagrid/images/datagrid-columns-width.png b/controls/datagrid/images/datagrid-columns-width.png deleted file mode 100644 index e788606cc..000000000 Binary files a/controls/datagrid/images/datagrid-columns-width.png and /dev/null differ diff --git a/controls/datagrid/images/datagrid-filtering-optionsbutton.png b/controls/datagrid/images/datagrid-filtering-optionsbutton.png deleted file mode 100644 index c7ebb6651..000000000 Binary files a/controls/datagrid/images/datagrid-filtering-optionsbutton.png and /dev/null differ diff --git a/controls/datagrid/images/datagrid-filtering-ui.png b/controls/datagrid/images/datagrid-filtering-ui.png deleted file mode 100644 index 2c6a28d71..000000000 Binary files a/controls/datagrid/images/datagrid-filtering-ui.png and /dev/null differ diff --git a/controls/datagrid/images/datagrid-itemssource.png b/controls/datagrid/images/datagrid-itemssource.png deleted file mode 100644 index 4db13a547..000000000 Binary files a/controls/datagrid/images/datagrid-itemssource.png and /dev/null differ diff --git a/controls/datagrid/images/datagrid-optionsbutton-visibility.png b/controls/datagrid/images/datagrid-optionsbutton-visibility.png deleted file mode 100644 index b4c23572c..000000000 Binary files a/controls/datagrid/images/datagrid-optionsbutton-visibility.png and /dev/null differ diff --git a/controls/datagrid/images/datagrid-row-height.png b/controls/datagrid/images/datagrid-row-height.png index e6c09d518..8eb8c486b 100644 Binary files a/controls/datagrid/images/datagrid-row-height.png and b/controls/datagrid/images/datagrid-row-height.png differ diff --git a/controls/datagrid/images/datagrid-rowstyle.png b/controls/datagrid/images/datagrid-rowstyle.png index 01b4bcaa0..b9d45932c 100644 Binary files a/controls/datagrid/images/datagrid-rowstyle.png and b/controls/datagrid/images/datagrid-rowstyle.png differ diff --git a/controls/datagrid/images/datagrid-rowtemplate.png b/controls/datagrid/images/datagrid-rowtemplate.png index b17702553..e11ef0917 100644 Binary files a/controls/datagrid/images/datagrid-rowtemplate.png and b/controls/datagrid/images/datagrid-rowtemplate.png differ diff --git a/controls/datagrid/images/datagrid-style-selector.png b/controls/datagrid/images/datagrid-style-selector.png index d6bacf94b..6ab0fb439 100644 Binary files a/controls/datagrid/images/datagrid-style-selector.png and b/controls/datagrid/images/datagrid-style-selector.png differ diff --git a/controls/datagrid/images/datagrid-styling.png b/controls/datagrid/images/datagrid-styling.png deleted file mode 100644 index e9ecccc08..000000000 Binary files a/controls/datagrid/images/datagrid-styling.png and /dev/null differ diff --git a/controls/datagrid/images/datagrid_customfiltering.png b/controls/datagrid/images/datagrid_customfiltering.png deleted file mode 100644 index 9eb6de56b..000000000 Binary files a/controls/datagrid/images/datagrid_customfiltering.png and /dev/null differ diff --git a/controls/datagrid/images/datagrid_defaultfiltering.png b/controls/datagrid/images/datagrid_defaultfiltering.png deleted file mode 100644 index dafea0c05..000000000 Binary files a/controls/datagrid/images/datagrid_defaultfiltering.png and /dev/null differ diff --git a/controls/datagrid/images/datagrid_grouping_groupheader.png b/controls/datagrid/images/datagrid_grouping_groupheader.png deleted file mode 100644 index 8de12866a..000000000 Binary files a/controls/datagrid/images/datagrid_grouping_groupheader.png and /dev/null differ diff --git a/controls/datagrid/images/datagrid_localization.png b/controls/datagrid/images/datagrid_localization.png deleted file mode 100644 index f2539cd82..000000000 Binary files a/controls/datagrid/images/datagrid_localization.png and /dev/null differ diff --git a/controls/datagrid/images/datagrid_resourcemanager.png b/controls/datagrid/images/datagrid_resourcemanager.png deleted file mode 100644 index 3a0569cab..000000000 Binary files a/controls/datagrid/images/datagrid_resourcemanager.png and /dev/null differ diff --git a/controls/datagrid/images/datagrid_sorting.png b/controls/datagrid/images/datagrid_sorting.png index fcf510ecf..40dc8af78 100644 Binary files a/controls/datagrid/images/datagrid_sorting.png and b/controls/datagrid/images/datagrid_sorting.png differ diff --git a/controls/datagrid/images/footer-content-template.png b/controls/datagrid/images/footer-content-template.png index 311bde4d8..15d37160d 100644 Binary files a/controls/datagrid/images/footer-content-template.png and b/controls/datagrid/images/footer-content-template.png differ diff --git a/controls/datagrid/theming-and-styles/styling.md b/controls/datagrid/theming-and-styles/styling.md index 5cc2b1513..a41fba9e9 100644 --- a/controls/datagrid/theming-and-styles/styling.md +++ b/controls/datagrid/theming-and-styles/styling.md @@ -56,6 +56,8 @@ The following snippet shows how to set the `SelectionStyle` property: For styling the `CurrentCell` by using the `CurrentCellStyle` property, review the [Cells]({%slug datagrid-current-cell%}#styling-the-cell) article. +![Styling rows and selected row of the Telerik UI for .NET MAUI DataGrid](../images/datagrid-cells-rows.png) + ## Lines Use the following properties for configuring the DataGrid grid lines: diff --git a/controls/docklayout/images/docklayout_docking_feature.png b/controls/docklayout/images/docklayout_docking_feature.png index 8faae4aab..7cd1d6091 100644 Binary files a/controls/docklayout/images/docklayout_docking_feature.png and b/controls/docklayout/images/docklayout_docking_feature.png differ diff --git a/controls/docklayout/images/docklayout_getting_started.png b/controls/docklayout/images/docklayout_getting_started.png index d803ecf83..bb1b71300 100644 Binary files a/controls/docklayout/images/docklayout_getting_started.png and b/controls/docklayout/images/docklayout_getting_started.png differ diff --git a/controls/docklayout/images/docklayout_positionlast.png b/controls/docklayout/images/docklayout_positionlast.png index c45335aa5..c4c8be9a3 100644 Binary files a/controls/docklayout/images/docklayout_positionlast.png and b/controls/docklayout/images/docklayout_positionlast.png differ diff --git a/controls/docklayout/images/docklayout_positiononeside.png b/controls/docklayout/images/docklayout_positiononeside.png index 5f4836ec6..c0605adc6 100644 Binary files a/controls/docklayout/images/docklayout_positiononeside.png and b/controls/docklayout/images/docklayout_positiononeside.png differ diff --git a/controls/gauge/images/gauge-gettingstarted.png b/controls/gauge/images/gauge-gettingstarted.png index 8dfb4ff01..2a3890ab1 100644 Binary files a/controls/gauge/images/gauge-gettingstarted.png and b/controls/gauge/images/gauge-gettingstarted.png differ diff --git a/controls/itemscontrol/images/itemscontrol-getting-started.png b/controls/itemscontrol/images/itemscontrol-getting-started.png index f1d61b39b..f3d3a27ad 100644 Binary files a/controls/itemscontrol/images/itemscontrol-getting-started.png and b/controls/itemscontrol/images/itemscontrol-getting-started.png differ diff --git a/controls/map/images/map_getbestview.png b/controls/map/images/map_getbestview.png index 8686412f0..5d4166cda 100644 Binary files a/controls/map/images/map_getbestview.png and b/controls/map/images/map_getbestview.png differ diff --git a/controls/map/images/map_getting_started.png b/controls/map/images/map_getting_started.png index fdc5ec02f..895adf7a6 100644 Binary files a/controls/map/images/map_getting_started.png and b/controls/map/images/map_getting_started.png differ diff --git a/controls/map/images/map_multiple_selection.png b/controls/map/images/map_multiple_selection.png index 89ebafb70..7e6bf61f2 100644 Binary files a/controls/map/images/map_multiple_selection.png and b/controls/map/images/map_multiple_selection.png differ diff --git a/controls/map/images/map_programmatic_selection.png b/controls/map/images/map_programmatic_selection.png index 10ce8e690..7e6bf61f2 100644 Binary files a/controls/map/images/map_programmatic_selection.png and b/controls/map/images/map_programmatic_selection.png differ diff --git a/controls/map/images/map_shapelayer_labels.png b/controls/map/images/map_shapelayer_labels.png index 44f5815fa..ebc13fffb 100644 Binary files a/controls/map/images/map_shapelayer_labels.png and b/controls/map/images/map_shapelayer_labels.png differ diff --git a/controls/map/images/map_styling_labelsstyle.png b/controls/map/images/map_styling_labelsstyle.png index 234b3860f..f78f9624a 100644 Binary files a/controls/map/images/map_styling_labelsstyle.png and b/controls/map/images/map_styling_labelsstyle.png differ diff --git a/controls/map/images/map_styling_shapestyle.png b/controls/map/images/map_styling_shapestyle.png index e0c928e55..9dff4c01d 100644 Binary files a/controls/map/images/map_styling_shapestyle.png and b/controls/map/images/map_styling_shapestyle.png differ diff --git a/controls/map/images/map_styling_shapestyleselector.png b/controls/map/images/map_styling_shapestyleselector.png index b11a450dd..839790a1e 100644 Binary files a/controls/map/images/map_styling_shapestyleselector.png and b/controls/map/images/map_styling_shapestyleselector.png differ diff --git a/controls/path/Images/custom_default_paths.png b/controls/path/Images/custom_default_paths.png index f0df1a5f1..20d5e7587 100644 Binary files a/controls/path/Images/custom_default_paths.png and b/controls/path/Images/custom_default_paths.png differ diff --git a/controls/path/Images/path-gettingstarted.png b/controls/path/Images/path-gettingstarted.png index 4febb1196..f33b9cc91 100644 Binary files a/controls/path/Images/path-gettingstarted.png and b/controls/path/Images/path-gettingstarted.png differ diff --git a/controls/path/Images/path_geometry.png b/controls/path/Images/path_geometry.png index 73b223c67..2c616cdc4 100644 Binary files a/controls/path/Images/path_geometry.png and b/controls/path/Images/path_geometry.png differ diff --git a/controls/path/Images/path_multipath.png b/controls/path/Images/path_multipath.png index 07f6f8665..00024d859 100644 Binary files a/controls/path/Images/path_multipath.png and b/controls/path/Images/path_multipath.png differ diff --git a/controls/sidedrawer/images/sidedrawer-gettingstarted.png b/controls/sidedrawer/images/sidedrawer-gettingstarted.png index 7252239fe..81a0233b9 100644 Binary files a/controls/sidedrawer/images/sidedrawer-gettingstarted.png and b/controls/sidedrawer/images/sidedrawer-gettingstarted.png differ diff --git a/controls/slideview/getting-started.md b/controls/slideview/getting-started.md index fa3344f44..9f933f9d9 100644 --- a/controls/slideview/getting-started.md +++ b/controls/slideview/getting-started.md @@ -10,14 +10,9 @@ slug: slideview-getting-started This guide provides the information you need to start using Telerik UI for .NET MAUI SlideView by adding the control to your project. -At the end, you will achieve the following result on Desktop platforms. - -![.NET MAUI SlideView Getting Started](images/slideview-gettingstarted-desktop.png) - -And the result on mobile platforms: - -![.NET MAUI SlideView Getting Started](images/slideview-gettingstarted-mobile.png) +At the end, you will achieve the following result. +![.NET MAUI SlideView Getting Started](images/slideview-gettingstarted.png) ## Prerequisites diff --git a/controls/slideview/images/slideview-commands.gif b/controls/slideview/images/slideview-commands.gif index e9c1c5828..f8f900a28 100644 Binary files a/controls/slideview/images/slideview-commands.gif and b/controls/slideview/images/slideview-commands.gif differ diff --git a/controls/slideview/images/slideview-gettingstarted-desktop.png b/controls/slideview/images/slideview-gettingstarted-desktop.png deleted file mode 100644 index 19644a26d..000000000 Binary files a/controls/slideview/images/slideview-gettingstarted-desktop.png and /dev/null differ diff --git a/controls/slideview/images/slideview-gettingstarted-mobile.png b/controls/slideview/images/slideview-gettingstarted-mobile.png deleted file mode 100644 index 07f11649d..000000000 Binary files a/controls/slideview/images/slideview-gettingstarted-mobile.png and /dev/null differ diff --git a/controls/slideview/images/slideview-gettingstarted.png b/controls/slideview/images/slideview-gettingstarted.png new file mode 100644 index 000000000..b69eac1ac Binary files /dev/null and b/controls/slideview/images/slideview-gettingstarted.png differ diff --git a/controls/slideview/images/slideview-item-template.gif b/controls/slideview/images/slideview-item-template.gif index f2d5cec64..9e7bcd19c 100644 Binary files a/controls/slideview/images/slideview-item-template.gif and b/controls/slideview/images/slideview-item-template.gif differ diff --git a/controls/slideview/images/slideview-orientation.gif b/controls/slideview/images/slideview-orientation.gif new file mode 100644 index 000000000..51ba0737c Binary files /dev/null and b/controls/slideview/images/slideview-orientation.gif differ diff --git a/controls/slideview/images/slideview-orientation.png b/controls/slideview/images/slideview-orientation.png deleted file mode 100644 index 1238f33cb..000000000 Binary files a/controls/slideview/images/slideview-orientation.png and /dev/null differ diff --git a/controls/slideview/images/slideview-overview.png b/controls/slideview/images/slideview-overview.png index 711ff1403..9ebd998f3 100644 Binary files a/controls/slideview/images/slideview-overview.png and b/controls/slideview/images/slideview-overview.png differ diff --git a/controls/slideview/orientation.md b/controls/slideview/orientation.md index d1549ead9..a8be4f187 100644 --- a/controls/slideview/orientation.md +++ b/controls/slideview/orientation.md @@ -21,9 +21,9 @@ Add the ViewModel: -See the result in the images below: +See the result in the image below: -![.NET MAUI SlideView IndicatorStyling](images/slideview-orientation.png) +![.NET MAUI SlideView IndicatorStyling](images/slideview-orientation.gif) > For a runnable example with the SlideView Orientation scenario, see the [SDKBrowser Demo Application]({%slug sdkbrowser-app%}) and go to **SlideView > Features**. diff --git a/controls/wraplayout/images/wraplayout_getting_started.png b/controls/wraplayout/images/wraplayout_getting_started.png index df18d6675..d33e6562f 100644 Binary files a/controls/wraplayout/images/wraplayout_getting_started.png and b/controls/wraplayout/images/wraplayout_getting_started.png differ diff --git a/controls/wraplayout/images/wraplayout_itemsize.gif b/controls/wraplayout/images/wraplayout_itemsize.gif new file mode 100644 index 000000000..65156186d Binary files /dev/null and b/controls/wraplayout/images/wraplayout_itemsize.gif differ diff --git a/controls/wraplayout/images/wraplayout_itemsize.png b/controls/wraplayout/images/wraplayout_itemsize.png deleted file mode 100644 index 973db168d..000000000 Binary files a/controls/wraplayout/images/wraplayout_itemsize.png and /dev/null differ diff --git a/controls/wraplayout/images/wraplayout_orientation.png b/controls/wraplayout/images/wraplayout_orientation.png index dd544a3d5..b4912083b 100644 Binary files a/controls/wraplayout/images/wraplayout_orientation.png and b/controls/wraplayout/images/wraplayout_orientation.png differ diff --git a/controls/wraplayout/images/wraplayout_positionlast.png b/controls/wraplayout/images/wraplayout_positionlast.png index 08e7a2738..81ab9530a 100644 Binary files a/controls/wraplayout/images/wraplayout_positionlast.png and b/controls/wraplayout/images/wraplayout_positionlast.png differ diff --git a/controls/wraplayout/wrap-feature.md b/controls/wraplayout/wrap-feature.md index 9ce246a66..3fb694a9a 100644 --- a/controls/wraplayout/wrap-feature.md +++ b/controls/wraplayout/wrap-feature.md @@ -43,7 +43,7 @@ Here is a quick sample of a WrapLayout with a specified item size: The following image shows the end result. -![.NET MAUI WrapLayout Item Size](images/wraplayout_itemsize.png) +![.NET MAUI WrapLayout Item Size](images/wraplayout_itemsize.gif) ## Positioning the Last Child Element