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://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`.
16
+
The `SfAccordion` allows you to customize the position of the header icon in each accordion item using the `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://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.Accordion.AccordionItem.html#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` 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://help.syncfusion.com/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` 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://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.Accordion.SfAccordion.html) can be customized using the following `VisualStates`:
102
+
The appearance of the `SfAccordion` 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://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.
12
+
The `SfAccordion` 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://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`.
16
+
Create a simple data model to bind the data for `SfAccordion`, as shown in the following code example, in a new class file. Save it as `EmployeeInfo.cs`.
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.
234
+
The `SfAccordion` accepts the `AccordionItem` as its child element. The appearance of each `AccordionItem` can be defined by setting the `BindableLayout.ItemTemplate` property.
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:
21
+
The `Expanding` event will be triggered when the accordion item is being expanded. It can cancel the expansion using `ExpandingAndCollapsingEventArgs`, which contains the following property:
22
22
23
23
* `Cancel`: Indicates that the expansion or collapse action should be cancelled.
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.
24
+
* `Index`: Gets the index of the current expanding accordion item.
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.
44
+
The `Expanded` event is triggered when an accordion item is fully expanded. You can execute your own code when this event occurs.
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:
64
+
The `Collapsing` event will be triggered when the expander control is being collapsed. You can cancel the collapsing using `ExpandingAndCollapsingEventArgs`, which contains the following property:
65
65
66
66
* `Cancel`: Indicates that the expansion or collapse action should be cancelled.
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.
67
+
* `Index`: Gets the index of the current collapsing accordion item.
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.
87
+
The `Collapsed` event is triggered when an accordion item is collapsed. You can execute your own code when this event occurs.
Copy file name to clipboardExpand all lines: maui-toolkit/Accordion/getting-started.md
+11-11Lines changed: 11 additions & 11 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -9,7 +9,7 @@ documentation: ug
9
9
10
10
# Getting Started with MAUI Accordion
11
11
12
-
This section guides you through setting up and configuring a [Accordion](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.Accordion.SfAccordion.html?tabs=tabid-1) in your .NET MAUI application. Follow the steps below to add a basic Accordion to your project.
12
+
This section guides you through setting up and configuring a `Accordion` in your .NET MAUI application. Follow the steps below to add a basic Accordion to your project.
13
13
14
14
{% tabcontents %}
15
15
{% tabcontent Visual Studio %}
@@ -61,7 +61,7 @@ public static class MauiProgram
61
61
## Step 4: Add a Basic Accordion control
62
62
63
63
1. To initialize the control, import the `Syncfusion.Maui.Toolkit.Accordion` namespace into your code.
@@ -245,7 +245,7 @@ public partial class MainPage : ContentPage
245
245
246
246
## Step 5: Define the accordion items
247
247
248
-
Create an [AccordionItem](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.Accordion.AccordionItem.html?tabs=tabid-1) instance containing a [Header](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.Accordion.AccordionItem.html#Syncfusion_Maui_Toolkit_Accordion_AccordionItem_Header) and [Content](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.Accordion.AccordionItem.html#Syncfusion_Maui_Toolkit_Accordion_AccordionItem_Content), and then add it to the [Items](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.Accordion.SfAccordion.html#Syncfusion_Maui_Toolkit_Accordion_SfAccordion_Items) collection of SfAccordion.
248
+
Create an `AccordionItem` instance containing a `header` and `content`, and then add it to the `Items` collection of SfAccordion.
249
249
250
250
In this example, a Grid is loaded in both the header and content of accordion items.
251
251
@@ -334,7 +334,7 @@ N> When adding the template control inside the `StackLayout` or `Grid` with a he
334
334
335
335
## Animation duration
336
336
337
-
The `SfAccordion` allows you to customize the duration of the expanding and collapsing animations for accordion items by using the [AnimationDuration](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.Accordion.SfAccordion.html#Syncfusion_Maui_Toolkit_Accordion_SfAccordion_AnimationDuration) property. By default, the animation duration is set to `200 milliseconds`.
337
+
The `SfAccordion` allows you to customize the duration of the expanding and collapsing animations for accordion items by using the `AnimationDuration` property. By default, the animation duration is set to `200 milliseconds`.
338
338
339
339
{% tabs %}
340
340
{% highlight xaml hl_lines="2" %}
@@ -348,7 +348,7 @@ The `SfAccordion` allows you to customize the duration of the expanding and coll
348
348
349
349
## Animation easing
350
350
351
-
You can customize the rate of change of a parameter over time or the animation style of an accordion item by using the [AnimationEasing](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.Accordion.SfAccordion.html#Syncfusion_Maui_Toolkit_Accordion_SfAccordion_AnimationEasing) property. By default, the animation easing is set to `Linear`.
351
+
You can customize the rate of change of a parameter over time or the animation style of an accordion item by using the `AnimationEasing` property. By default, the animation easing is set to `Linear`.
352
352
353
353
{% tabs %}
354
354
{% highlight xaml hl_lines="2" %}
@@ -362,7 +362,7 @@ You can customize the rate of change of a parameter over time or the animation s
362
362
363
363
## Auto scroll position
364
364
365
-
The `SfAccordion` allows you to customize the scroll position of the expanded accordion item using the [AutoScrollPosition](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.Accordion.SfAccordion.html#Syncfusion_Maui_Toolkit_Accordion_SfAccordion_AutoScrollPosition) property. By default, the auto-scroll position is set to `MakeVisible`.
365
+
The `SfAccordion` allows you to customize the scroll position of the expanded accordion item using the `AutoScrollPosition` property. By default, the auto-scroll position is set to `MakeVisible`.
366
366
367
367
{% tabs %}
368
368
{% highlight xaml hl_lines="2" %}
@@ -376,7 +376,7 @@ The `SfAccordion` allows you to customize the scroll position of the expanded ac
376
376
377
377
## Bring an accordion item into view
378
378
379
-
The [BringIntoView](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.Accordion.SfAccordion.html#Syncfusion_Maui_Toolkit_Accordion_SfAccordion_BringIntoView_Syncfusion_Maui_Toolkit_Accordion_AccordionItem_) method is used to bring a specific item into view by scrolling to it programmatically.
379
+
The `BringIntoView` method is used to bring a specific item into view by scrolling to it programmatically.
You can expand single or multiple items using the [ExpandMode](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.Accordion.SfAccordion.html#Syncfusion_Maui_Toolkit_Accordion_SfAccordion_ExpandMode) property. By default, the expanded mode is set to `Single`.
458
+
You can expand single or multiple items using the `ExpandMode` property. By default, the expanded mode is set to `Single`.
459
459
460
460
{% tabs %}
461
461
{% highlight xaml hl_lines="2" %}
@@ -469,7 +469,7 @@ You can expand single or multiple items using the [ExpandMode](https://help.sync
469
469
470
470
## Item spacing
471
471
472
-
The `SfAccordion` allows you to customize the vertical spacing between the accordion items by using the [ItemSpacing](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.Accordion.SfAccordion.html#Syncfusion_Maui_Toolkit_Accordion_SfAccordion_ItemSpacing) property.
472
+
The `SfAccordion` allows you to customize the vertical spacing between the accordion items by using the `ItemSpacing` property.
0 commit comments