Skip to content

Commit f7934dc

Browse files
Merge branch 'development' of https://github.com/syncfusion-content/maui-docs into 998547
2 parents 7461b9f + 440ebf9 commit f7934dc

File tree

57 files changed

+3110
-230
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

57 files changed

+3110
-230
lines changed

MAUI/AI-Coding-Assistant/prompt-library.md

Lines changed: 2 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,10 @@
11
---
22
layout: post
33
title: Syncfusion AI Coding Assistant Prompt Library | Syncfusion
4-
description: Enhance .NET MAUI productivity with the Syncfusion AI Coding Assistant Prompt Library: prompts for code generation, configuration, and contextual guidance.
5-
control: Syncfusion AI Coding Assistant Prompt Library
4+
description: Enhance .NET MAUI productivity with the Syncfusion AI Coding Assistant Prompt Library, prompts for code generation, configuration, and contextual guidance.
65
platform: MAUI
6+
control: Syncfusion AI Coding Assistant Prompt Library
77
documentation: ug
8-
domainurl: ##DomainURL##
98
---
109

1110
# Prompt Library - AI Coding Assistant

MAUI/Autocomplete/Basic-Features.md

Lines changed: 10 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -41,3 +41,13 @@ The following image illustrates the output:
4141
## Text
4242

4343
The [Text](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Inputs.DropDownControls.DropDownListBase.html#Syncfusion_Maui_Inputs_DropDownControls_DropDownListBase_Text) property is used to get the user-submitted text in the [SfAutocomplete](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Inputs.SfAutocomplete.html). The default value of the `Text` property is `string.Empty`.
44+
45+
## Automation ID
46+
47+
The [SfAutocomplete](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Inputs.SfAutocomplete.html) control provides `AutomationId` support specifically for the `editable entry` and the `clear button`, enabling UI automation frameworks to reliably target these two elements. Each element’s AutomationId is derived from the control’s `AutomationId` to ensure uniqueness.
48+
49+
For example, if the SfAutocomplete’s `AutomationId` is set to “Employee Autocomplete,” the editable entry can be targeted as “Employee Autocomplete Entry” and the clear button as “Employee Autocomplete Clear Button.” This focused support improves accessibility and automated UI testing by providing stable, predictable identifiers for the primary interactive elements
50+
51+
The following screenshot illustrates the AutomationIds of inner elements.
52+
53+
![.NET MAUI Autocomplete AutomationId Image demonstration](Images/GettingStarted/AutoComplete_AutomationID.png)
21.1 KB
Loading
40.9 KB
Loading

MAUI/ComboBox/UI-Customization.md

Lines changed: 10 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1749,3 +1749,13 @@ public SocialMediaViewModel
17491749

17501750
{% endhighlight %}
17511751
{% endtabs %}
1752+
1753+
## Automation ID
1754+
1755+
The [SfComboBox](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Inputs.SfComboBox.html) control provides `AutomationId` support for the `editable entry`, the `clear button`, and the `dropdown button`, enabling UI automation frameworks to reliably target these primary elements. Each element’s AutomationId is derived from the control’s AutomationId to ensure uniqueness.
1756+
1757+
For example, if the SfComboBox’s `AutomationId` is set to “Employee ComboBox,” the editable entry can be targeted as “Employee ComboBox Entry,” the clear button as “Employee ComboBox Clear Button,” and the dropdown button as “Employee ComboBox Dropdown Button.” This focused support improves accessibility and automated UI testing by providing stable, predictable identifiers for the primary interactive elements. The following screenshot illustrates the AutomationIds of inner elements.
1758+
1759+
The following screenshot illustrates the AutomationIds of inner elements.
1760+
1761+
![.NET MAUI ComboBox AutomationId Image demonstration](Images/UICustomization/ComboBox_AutomationID.png)

MAUI/ImageEditor/save.md

Lines changed: 4 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -9,11 +9,11 @@ documentation: ug
99

1010
# Save image using .NET MAUI Image Editor (SfImageEditor)
1111

12-
The Image Editor control in .NET MAUI allows you to save the edited image as PNG, JPEG, and BMP.
12+
The Image Editor control in .NET MAUI allows you to save the edited image as PNG, JPG, JPEG, and BMP.
1313

1414
## Save method
1515

16-
To save the modified image, use the [`Save`](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.ImageEditor.SfImageEditor.html#Syncfusion_Maui_ImageEditor_SfImageEditor_Save_System_Nullable_Syncfusion_Maui_ImageEditor_ImageFileType__System_String_System_String_System_Nullable_Microsoft_Maui_Graphics_Size__) method, which accepts parameters such as file name, file type, file path, and image size. The supported file types for saving are [`PNG`](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.ImageEditor.ImageFileType.html#Syncfusion_Maui_ImageEditor_ImageFileType_Png), [`JPEG`](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.ImageEditor.ImageFileType.html#Syncfusion_Maui_ImageEditor_ImageFileType_Jpeg) and `BMP`. You can save the image by clicking Save on the toolbar.
16+
To save the modified image, use the [`Save`](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.ImageEditor.SfImageEditor.html#Syncfusion_Maui_ImageEditor_SfImageEditor_Save_System_Nullable_Syncfusion_Maui_ImageEditor_ImageFileType__System_String_System_String_System_Nullable_Microsoft_Maui_Graphics_Size__) method, which accepts parameters such as file name, file type, file path, and image size. The supported file types for saving are [`PNG`](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.ImageEditor.ImageFileType.html#Syncfusion_Maui_ImageEditor_ImageFileType_Png), `JPG`, [`JPEG`](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.ImageEditor.ImageFileType.html#Syncfusion_Maui_ImageEditor_ImageFileType_Jpeg) and `BMP`. You can save the image by clicking Save on the toolbar.
1717

1818
{% tabs %}
1919
{% highlight xaml tabtitle="MainPage.xaml" %}
@@ -37,6 +37,8 @@ To save the modified image, use the [`Save`](https://help.syncfusion.com/cr/maui
3737
{% endhighlight %}
3838
{% endtabs %}
3939

40+
N> `JPG` format is supported only on `Android` and `Windows`, not on `macOS` or `iOS`.
41+
4042
The saved image will be added to the device for each platform in the following locations:
4143

4244
#### Windows, MacCatalyst and iOS

MAUI/Kanban-Board/Events.md

Lines changed: 105 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -146,7 +146,111 @@ public class KanbanViewModel
146146
* [`Cancel`](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Kanban.KanbanDragStartEventArgs.html#Syncfusion_Maui_Kanban_KanbanDragStartEventArgs_Cancel) - Used to cancel the drag action.
147147
* [`Data`](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Kanban.KanbanDragEventArgs.html#Syncfusion_Maui_Kanban_KanbanDragEventArgs_Data) - Used to get the underlying model of the card.
148148
* [`SourceColumn`](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Kanban.KanbanDragEventArgs.html#Syncfusion_Maui_Kanban_KanbanDragEventArgs_SourceColumn) - Used to get the source column of card.
149-
* [`SourceIndex`](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Kanban.KanbanDragEventArgs.html#Syncfusion_Maui_Kanban_KanbanDragEventArgs_SourceIndex) - Used to get the index of the card in source column.
149+
* [`SourceIndex`](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Kanban.KanbanDragEventArgs.html#Syncfusion_Maui_Kanban_KanbanDragEventArgs_SourceIndex) - Used to get the index of the card in source column.
150+
* `KeepCard` - Determines whether the original card remains in the source column during a drag operation. When set to `true`, the card stays in its original column while being dragged, allowing repeated drag-and-drop actions without relocating the card. A preview of the card is generated during the drag.
151+
152+
{% tabs %}
153+
{% highlight XAML hl_lines="3" %}
154+
155+
<kanban:SfKanban x:Name="kanban"
156+
ItemsSource="{Binding TaskDetails}"
157+
DragStart="OnKanbanCardDragStart">
158+
<kanban:SfKanban.BindingContext>
159+
<local:ViewModel/>
160+
</kanban:SfKanban.BindingContext>
161+
</kanban:SfKanban>
162+
163+
{% endhighlight %}
164+
{% highlight C# hl_lines="2 6" %}
165+
166+
this.kanban.ItemsSource = new ViewModel().TaskDetails;
167+
this.kanban.DragStart += OnKanbanCardDragStart;
168+
169+
private void OnKanbanCardDragStart(object sender, KanbanDragStartEventArgs e)
170+
{
171+
e.KeepCard = true;
172+
}
173+
174+
{% endhighlight %}
175+
{% highlight c# tabtitle="ViewModel.cs" %}
176+
177+
public class ViewModel
178+
{
179+
#region Properties
180+
181+
/// <summary>
182+
/// Gets or sets the collection of <see cref="KanbanModel"/> objects representing tasks in various stages.
183+
/// </summary>
184+
public ObservableCollection<KanbanModel> TaskDetails { get; set; }
185+
186+
#endregion
187+
188+
#region Constructor
189+
190+
/// <summary>
191+
/// Initializes a new instance of the <see cref="ViewModel"/> class.
192+
/// </summary>
193+
public ViewModel()
194+
{
195+
this.TaskDetails = this.GetTaskDetails();
196+
}
197+
198+
#endregion
199+
200+
#region Private methods
201+
202+
/// <summary>
203+
/// Method to get the kanban model collections.
204+
/// </summary>
205+
/// <returns>The kanban model collections.</returns>
206+
private ObservableCollection<KanbanModel> GetTaskDetails()
207+
{
208+
var taskDetails = new ObservableCollection<KanbanModel>();
209+
210+
KanbanModel taskDetail = new KanbanModel();
211+
taskDetail.Title = "UWP Issue";
212+
taskDetail.ID = 7;
213+
taskDetail.Description = "Crosshair label template not visible in UWP";
214+
taskDetail.Category = "Open";
215+
taskDetail.IndicatorFill = Colors.Blue;
216+
taskDetail.Tags = new List<string>() { "Bug Fixing" };
217+
taskDetails.Add(taskDetail);
218+
219+
taskDetail = new KanbanModel();
220+
taskDetail.Title = "WinUI Issue";
221+
taskDetail.ID = 8;
222+
taskDetail.Description = "AxisLabel cropped when rotating the axis label";
223+
taskDetail.Category = "Open";
224+
taskDetail.IndicatorFill = Colors.Pink;
225+
taskDetail.Tags = new List<string>() { "Bug Fixing" };
226+
taskDetails.Add(taskDetail);
227+
228+
taskDetail = new KanbanModel();
229+
taskDetail.Title = "Kanban Feature";
230+
taskDetail.ID = 9;
231+
taskDetail.Description = "Provide drag and drop support";
232+
taskDetail.Category = "In Progress";
233+
taskDetail.IndicatorFill = Colors.Yellow;
234+
taskDetail.Tags = new List<string>() { "New control" };
235+
taskDetails.Add(taskDetail);
236+
237+
taskDetail = new KanbanModel();
238+
taskDetail.Title = "New Feature";
239+
taskDetail.ID = 10;
240+
taskDetail.Description = "Dragging events support for Kanban";
241+
taskDetail.Category = "Closed";
242+
taskDetail.IndicatorFill = Colors.Orange;
243+
taskDetail.Tags = new List<string>() { "New Control" };
244+
taskDetails.Add(taskDetail);
245+
246+
return taskDetails;
247+
}
248+
249+
#endregion
250+
}
251+
252+
{% endhighlight %}
253+
{% endtabs %}
150254

151255
## DragEnd
152256

MAUI/ListView/selection.md

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -19,6 +19,7 @@ The [.NET MAUI ListView](https://www.syncfusion.com/maui-controls/maui-listview)
1919
* [Single](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.ListView.SelectionMode.html#Syncfusion_Maui_ListView_SelectionMode_Single): Allows selecting single item only. When clicking the selected item, selection will not be cleared. This is the default value for `SelectionMode`.
2020
* [SingleDeselect](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.ListView.SelectionMode.html#Syncfusion_Maui_ListView_SelectionMode_SingleDeselect): Allows selecting single item only. When clicking the selected item, selection gets cleared.
2121
* [Multiple](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.ListView.SelectionMode.html#Syncfusion_Maui_ListView_SelectionMode_Multiple): Allows selecting more than one item. Selection is not cleared when selecting more than one items. When clicking the selected item, selection gets cleared.
22+
* [Extended](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.ListView.SelectionMode.html#Syncfusion_Maui_ListView_SelectionMode_Extended): Allows selecting multiple items with advanced keyboard and mouse interactions. Use Shift to select ranges and use Ctrl on Windows or Command on macOS to toggle items. Available only on Windows and macOS.
2223

2324
The `SfListView` allows selecting items on different gestures such as tap, double tap, and hold by setting the [SfListView.SelectionGesture](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.ListView.SfListView.html#Syncfusion_Maui_ListView_SfListView_SelectionGesture). The default value for the `SelectionGesture` is [TouchGesture.Tap](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.ListView.TouchGesture.html#Syncfusion_Maui_ListView_TouchGesture_Tap).
2425

MAUI/Masked-Entry/Basic-Features.md

Lines changed: 11 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -485,4 +485,14 @@ public class CommandDemoViewModel
485485
}
486486

487487
{% endhighlight %}
488-
{% endtabs %}
488+
{% endtabs %}
489+
490+
## Automation ID
491+
492+
The [SfMaskedEntry](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Inputs.SfMaskedEntry.html) control provides `AutomationId` support specifically for the `editable entry` and the `clear button`, enabling UI automation frameworks to reliably target these two elements. Each element’s AutomationId is derived from the control’s AutomationId to ensure uniqueness.
493+
494+
For example, if the SfMaskedEntry’s `AutomationId` is set to “Employee Masked Entry,” the editable entry can be targeted as “Employee Masked Entry Entry” and the clear button as “Employee Masked Entry Clear Button.” This focused support improves accessibility and automated UI testing by providing stable, predictable identifiers for the primary interactive elements.
495+
496+
The following screenshot illustrates the AutomationIds of inner elements.
497+
498+
![.NET MAUI MaskedEntry AutomationId Image demonstration](MaskedEntry_Images/MakedEntry_AutomationID.png)
22 KB
Loading

0 commit comments

Comments
 (0)