You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: maui-toolkit/Accordion/appearance.md
+4-4Lines changed: 4 additions & 4 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -13,7 +13,7 @@ The .NET MAUI Accordion comes with built-in support for customizing the appearan
13
13
14
14
## Header icon position
15
15
16
-
The [SfAccordion](https://helpstaging.syncfusion.com:14038/cr/maui-toolkit/Syncfusion.Maui.Toolkit.Accordion.SfAccordion.html?tabs=tabid-1) allows you to customize the position of the header icon in each accordion item using the [HeaderIconPosition](https://helpstaging.syncfusion.com:14038/cr/maui-toolkit/Syncfusion.Maui.Toolkit.Accordion.SfAccordion.html#Syncfusion_Maui_Toolkit_Accordion_SfAccordion_HeaderIconPosition) property. By default, the header icon position is set to `End`.
16
+
The [SfAccordion](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.Accordion.SfAccordion.html?tabs=tabid-1) allows you to customize the position of the header icon in each accordion item using the [HeaderIconPosition](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.Accordion.SfAccordion.html#Syncfusion_Maui_Toolkit_Accordion_SfAccordion_HeaderIconPosition) property. By default, the header icon position is set to `End`.
The `SfAccordion` allows you to customize the background color of the expander header by using the [HeaderBackground](https://helpstaging.syncfusion.com:14038/cr/maui-toolkit/Syncfusion.Maui.Toolkit.Accordion.AccordionItem.html?tabs=tabid-1#Syncfusion_Maui_Toolkit_Accordion_AccordionItem_HeaderBackground) property.
30
+
The `SfAccordion` allows you to customize the background color of the expander header by using the [HeaderBackground](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.Accordion.AccordionItem.html#Syncfusion_Maui_Toolkit_Accordion_AccordionItem_HeaderBackground) property.
31
31
32
32
{% tabs %}
33
33
{% highlight xaml hl_lines="3" %}
@@ -63,7 +63,7 @@ public AccordionItem GenerateAccordionItem()
63
63
64
64
## Icon color customization
65
65
66
-
The `SfAccordion` allows you to customize the color of the expander icon by using the [HeaderIconColor](https://helpstaging.syncfusion.com:14038/cr/maui-toolkit/Syncfusion.Maui.Toolkit.Accordion.AccordionItem.html#Syncfusion_Maui_Toolkit_Accordion_AccordionItem_HeaderIconColor) property.
66
+
The `SfAccordion` allows you to customize the color of the expander icon by using the [HeaderIconColor](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.Accordion.AccordionItem.html#Syncfusion_Maui_Toolkit_Accordion_AccordionItem_HeaderIconColor) property.
67
67
68
68
{% tabs %}
69
69
{% highlight xaml hl_lines="3" %}
@@ -99,7 +99,7 @@ public AccordionItem GenerateAccordionItem()
99
99
100
100
## Visual State Manager
101
101
102
-
The appearance of the [SfAccordion](https://helpstaging.syncfusion.com:14038/cr/maui-toolkit/Syncfusion.Maui.Toolkit.Accordion.SfAccordion.html?tabs=tabid-1) can be customized using the following `VisualStates`:
102
+
The appearance of the [SfAccordion](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.Accordion.SfAccordion.html) can be customized using the following `VisualStates`:
Copy file name to clipboardExpand all lines: maui-toolkit/Accordion/bindablelayout.md
+3-3Lines changed: 3 additions & 3 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -9,11 +9,11 @@ documentation: ug
9
9
10
10
# BindableLayout in .NET MAUI Accordion (SfAccordion)
11
11
12
-
The [SfAccordion](https://helpstaging.syncfusion.com:14038/cr/maui-toolkit/Syncfusion.Maui.Toolkit.Accordion.SfAccordion.html?tabs=tabid-1) control allows the use of [.NET MAUI BindableLayout](https://learn.microsoft.com/en-us/dotnet/maui/user-interface/layouts/bindablelayout) to bind a data collection using `BindableLayout.ItemsSource` and `BindableLayout.ItemTemplate` properties.
12
+
The [SfAccordion](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.Accordion.SfAccordion.html) control allows the use of [.NET MAUI BindableLayout](https://learn.microsoft.com/en-us/dotnet/maui/user-interface/layouts/bindablelayout) to bind a data collection using `BindableLayout.ItemsSource` and `BindableLayout.ItemTemplate` properties.
13
13
14
14
## Creating Data Model
15
15
16
-
Create a simple data model to bind the data for [SfAccordion](https://helpstaging.syncfusion.com:14038/cr/maui-toolkit/Syncfusion.Maui.Toolkit.Accordion.SfAccordion.html?tabs=tabid-1), as shown in the following code example, in a new class file. Save it as `EmployeeInfo.cs`.
16
+
Create a simple data model to bind the data for [SfAccordion](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.Accordion.SfAccordion.html), as shown in the following code example, in a new class file. Save it as `EmployeeInfo.cs`.
The `SfAccordion` accepts the [AccordionItem](https://helpstaging.syncfusion.com:14038/cr/maui-toolkit/Syncfusion.Maui.Toolkit.Accordion.AccordionItem.html?tabs=tabid-1) as its child element. The appearance of each `AccordionItem` can be defined by setting the `BindableLayout.ItemTemplate` property.
234
+
The `SfAccordion` accepts the [AccordionItem](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.Accordion.AccordionItem.html?tabs=tabid-1) as its child element. The appearance of each `AccordionItem` can be defined by setting the `BindableLayout.ItemTemplate` property.
The [Expanding](https://helpstaging.syncfusion.com:14038/cr/maui-toolkit/Syncfusion.Maui.Toolkit.Accordion.SfAccordion.html#Syncfusion_Maui_Toolkit_Accordion_SfAccordion_Expanding) event will be triggered when the accordion item is being expanded. It can cancel the expansion using [ExpandingAndCollapsingEventArgs](https://helpstaging.syncfusion.com:14038/cr/maui-toolkit/Syncfusion.Maui.Toolkit.Accordion.ExpandingAndCollapsingEventArgs.html), which contains the following property:
21
+
The [Expanding](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.Accordion.SfAccordion.html#Syncfusion_Maui_Toolkit_Accordion_SfAccordion_Expanding) event will be triggered when the accordion item is being expanded. It can cancel the expansion using [ExpandingAndCollapsingEventArgs](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.Accordion.ExpandingAndCollapsingEventArgs.html), which contains the following property:
22
22
23
23
* `Cancel`: Indicates that the expansion or collapse action should be cancelled.
24
-
* [Index](https://helpstaging.syncfusion.com:14038/cr/maui-toolkit/Syncfusion.Maui.Toolkit.Accordion.ExpandingAndCollapsingEventArgs.html#Syncfusion_Maui_Toolkit_Accordion_ExpandingAndCollapsingEventArgs_Index): Gets the index of the current expanding accordion item.
24
+
* [Index](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.Accordion.ExpandingAndCollapsingEventArgs.html#Syncfusion_Maui_Toolkit_Accordion_ExpandingAndCollapsingEventArgs_Index): Gets the index of the current expanding accordion item.
The [Expanded](https://helpstaging.syncfusion.com:14038/cr/maui-toolkit/Syncfusion.Maui.Toolkit.Accordion.SfAccordion.html#Syncfusion_Maui_Toolkit_Accordion_SfAccordion_Expanded) event is triggered when an accordion item is fully expanded. You can execute your own code when this event occurs.
44
+
The [Expanded](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.Accordion.SfAccordion.html#Syncfusion_Maui_Toolkit_Accordion_SfAccordion_Expanded) event is triggered when an accordion item is fully expanded. You can execute your own code when this event occurs.
The [Collapsing](https://helpstaging.syncfusion.com:14038/cr/maui-toolkit/Syncfusion.Maui.Toolkit.Accordion.SfAccordion.html?tabs=tabid-1#Syncfusion_Maui_Toolkit_Accordion_SfAccordion_Collapsing) event will be triggered when the expander control is being collapsed. You can cancel the collapsing using [ExpandingAndCollapsingEventArgs](https://helpstaging.syncfusion.com:14038/cr/maui-toolkit/Syncfusion.Maui.Toolkit.Accordion.ExpandingAndCollapsingEventArgs.html), which contains the following property:
64
+
The [Collapsing](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.Accordion.SfAccordion.html#Syncfusion_Maui_Toolkit_Accordion_SfAccordion_Collapsing) event will be triggered when the expander control is being collapsed. You can cancel the collapsing using [ExpandingAndCollapsingEventArgs](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.Accordion.ExpandingAndCollapsingEventArgs.html), which contains the following property:
65
65
66
66
* `Cancel`: Indicates that the expansion or collapse action should be cancelled.
67
-
* [Index](https://helpstaging.syncfusion.com:14038/cr/maui-toolkit/Syncfusion.Maui.Toolkit.Accordion.ExpandingAndCollapsingEventArgs.html#Syncfusion_Maui_Toolkit_Accordion_ExpandingAndCollapsingEventArgs_Index): Gets the index of the current collapsing accordion item.
67
+
* [Index](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.Accordion.ExpandingAndCollapsingEventArgs.html#Syncfusion_Maui_Toolkit_Accordion_ExpandingAndCollapsingEventArgs_Index): Gets the index of the current collapsing accordion item.
The [Collapsed](https://helpstaging.syncfusion.com:14038/cr/maui-toolkit/Syncfusion.Maui.Toolkit.Accordion.SfAccordion.html#Syncfusion_Maui_Toolkit_Accordion_SfAccordion_Collapsed) event is triggered when an accordion item is collapsed. You can execute your own code when this event occurs.
87
+
The [Collapsed](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.Accordion.SfAccordion.html#Syncfusion_Maui_Toolkit_Accordion_SfAccordion_Collapsed) event is triggered when an accordion item is collapsed. You can execute your own code when this event occurs.
0 commit comments