Skip to content

Commit cc7c7a7

Browse files
Merge branch 'development' of https://github.com/syncfusion-content/maui-toolkit-docs into 943738_UGUpdate
2 parents d38c151 + 26ce913 commit cc7c7a7

18 files changed

+89
-119
lines changed

maui-toolkit/Bottom-Sheet/BottomSheet-Customization.md

Lines changed: 4 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -92,7 +92,7 @@ bottomSheet.AllowedState = BottomSheetAllowedState.HalfExpanded;
9292

9393
## Overlay tap to collapse
9494

95-
The `CollapseOnOverlayTap` property enables the bottom sheet to collapse when the user taps on the overlay (outside the sheet). This enhances user interaction by allowing easy dismissal of the sheet without fully closing it.
95+
The [CollapseOnOverlayTap](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.BottomSheet.SfBottomSheet.html#Syncfusion_Maui_Toolkit_BottomSheet_SfBottomSheet_CollapseOnOverlayTap) property enables the bottom sheet to collapse when the user taps on the overlay (outside the sheet). This enhances user interaction by allowing easy dismissal of the sheet without fully closing it.
9696

9797
{% tabs %}
9898
{% highlight xaml %}
@@ -112,6 +112,8 @@ bottomSheet.CollapseOnOverlayTap = true;
112112
{% endhighlight %}
113113
{% endtabs %}
114114

115+
![CollapseOnOverlay Gif](images/collapseOnOverlay.gif)
116+
115117
## Content Padding
116118
The [ContentPadding](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.BottomSheet.SfBottomSheet.html#Syncfusion_Maui_Toolkit_BottomSheet_SfBottomSheet_ContentPadding) property of the [BottomSheet](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.BottomSheet.SfBottomSheet.html) adds space around the content creating a gap between the bottom sheet content and the edges.
117119

@@ -377,7 +379,7 @@ SfBottomSheet bottomSheet = new SfBottomSheet
377379

378380
### Grabber area height
379381

380-
The `GrabberAreaHeight` feature in the [BottomSheet](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.BottomSheet.SfBottomSheet.html) control allows developers to adjust the height of the drag area, thus enhancing both usability and appearance.
382+
The [GrabberAreaHeight](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.BottomSheet.SfBottomSheet.html#Syncfusion_Maui_Toolkit_BottomSheet_SfBottomSheet_GrabberAreaHeight) feature in the [BottomSheet](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.BottomSheet.SfBottomSheet.html) control allows developers to adjust the height of the drag area, thus enhancing both usability and appearance.
381383

382384
{% tabs %}
383385
{% highlight xaml %}
379 KB
Loading

maui-toolkit/Cartesian-Charts/EmptyPoints.md

Lines changed: 10 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -35,11 +35,11 @@ By default, the [EmptyPointMode]() property is `None`. So the empty points will
3535
## Empty Point Mode
3636
The [EmptyPointMode]() property of series specifies how empty points should be handled.
3737

38-
This property is an enumeration with the following options:
38+
This property provides the following options.
3939

40-
* None - Empty points are not rendered. This is the default behavior.
41-
* Zero - Empty points will be replaced with zero.
42-
* Average - Empty points will be replaced with the average value of the surrounding data points.
40+
* **None** - Empty points are not rendered. This is the default behavior.
41+
* **Zero** - Empty points will be replaced with zero.
42+
* **Average** - Empty points will be replaced with the average value of the surrounding data points.
4343

4444
The following code example shows the [EmptyPointMode]() as `Zero`.
4545

@@ -48,14 +48,14 @@ The following code example shows the [EmptyPointMode]() as `Zero`.
4848
{% highlight xaml %}
4949

5050
<chart:SfCartesianChart>
51-
51+
5252
.....
53-
5453
<chart:LineSeries ItemsSource="{Binding ProductSales}"
5554
XBindingPath="Product"
5655
YBindingPath="Sales"
5756
EmptyPointMode="Zero">
5857
</chart:LineSeries>
58+
5959
</chart:SfCartesianChart>
6060

6161
{% endhighlight %}
@@ -65,7 +65,6 @@ The following code example shows the [EmptyPointMode]() as `Zero`.
6565
SfCartesianChart chart = new SfCartesianChart();
6666

6767
.....
68-
6968
LineSeries series = new LineSeries()
7069
{
7170
ItemsSource = new ViewModel().ProductSales,
@@ -92,12 +91,12 @@ The following code example shows the [EmptyPointMode]() as `Average`.
9291
<chart:SfCartesianChart>
9392

9493
.....
95-
9694
<chart:ColumnSeries ItemsSource="{Binding ProductSales}"
9795
XBindingPath="Product"
9896
YBindingPath="Sales"
9997
EmptyPointMode="Average">
10098
</chart:ColumnSeries>
99+
101100
</chart:SfCartesianChart>
102101

103102
{% endhighlight %}
@@ -107,7 +106,6 @@ The following code example shows the [EmptyPointMode]() as `Average`.
107106
SfCartesianChart chart = new SfCartesianChart();
108107

109108
.....
110-
111109
ColumnSeries series = new ColumnSeries()
112110
{
113111
ItemsSource = new ViewModel().ProductSales,
@@ -125,7 +123,7 @@ The following code example shows the [EmptyPointMode]() as `Average`.
125123

126124
![EmptyPoint Mode Average in MAUI Chart](EmptyPoints_images/EmptyPoints_Mode_Average.png)
127125

128-
## Customizing Empty Points
126+
## Empty Point Customization
129127
The [EmptyPointSettings]() property allows you to customize the appearance of empty points in a series. This enables you to adjust various visual aspects of empty points, making them more distinct from the other data points. You can modify the following properties within [EmptyPointSettings]().
130128

131129
* [Fill]() - Gets or sets the fill color for the empty points.
@@ -139,7 +137,6 @@ The [EmptyPointSettings]() property allows you to customize the appearance of em
139137
<chart:SfCartesianChart>
140138

141139
.....
142-
143140
<chart:LineSeries ItemsSource="{Binding ProductSales}"
144141
XBindingPath="Product"
145142
YBindingPath="Sales"
@@ -152,6 +149,7 @@ The [EmptyPointSettings]() property allows you to customize the appearance of em
152149
<chart:EmptyPointSettings Fill="Orange" StrokeWidth="2"/>
153150
</chart:LineSeries.EmptyPointSettings>
154151
</chart:LineSeries>
152+
155153
</chart:SfCartesianChart>
156154

157155
{% endhighlight %}
@@ -161,7 +159,6 @@ The [EmptyPointSettings]() property allows you to customize the appearance of em
161159
SfCartesianChart chart = new SfCartesianChart();
162160

163161
.....
164-
165162
LineSeries series = new LineSeries()
166163
{
167164
ItemsSource = new ViewModel().ProductSales,
@@ -191,4 +188,4 @@ The [EmptyPointSettings]() property allows you to customize the appearance of em
191188

192189
![Customize EmptyPoints in MAUI Chart](EmptyPoints_images\Customize_EmptyPoints.png)
193190

194-
N> The EmptyPoints feature is not supported for Histogram and BoxAndWhisker series.
191+
N> EmptyPoint support is not applicable for Histogram and BoxAndWhisker series.
3.21 KB
Loading
1.3 KB
Loading
1.18 KB
Loading
3.73 KB
Loading

maui-toolkit/Otp-Input/Events.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -13,7 +13,7 @@ Events in the OTP Input control allow developers to respond effectively to user
1313

1414
## ValueChanged event
1515

16-
The OTP Input component triggers the `ValueChanged` event whenever the value of an input field changes. This is particularly useful for validating input in real-time or triggering further actions as user input is completed. The `OtpInputValueChangedEventArgs` provides details about the specific changes in value.
16+
The OTP Input component triggers the [ValueChanged](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.OtpInput.SfOtpInput.html#Syncfusion_Maui_Toolkit_OtpInput_SfOtpInput_ValueChanged) event whenever the value of an input field changes. This is particularly useful for validating input in real-time or triggering further actions as user input is completed. The [OtpInputValueChangedEventArgs](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.OtpInput.OtpInputValueChangedEventArgs.html) provides details about the specific changes in value.
1717

1818
{% tabs %}
1919
{% highlight xaml %}

maui-toolkit/Otp-Input/Getting-Started.md

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -9,7 +9,7 @@ documentation: ug
99

1010
# Getting Started with .NET MAUI OTP Input
1111

12-
This section provides a quick overview of how to get started with the `OTP Input` for .NET MAUI and a walk-through to configure the .NET MAUI OTP Input in a real-time scenario. Follow the steps below to add .NET MAUI OTP Input to your project.
12+
This section provides a quick overview of how to get started with the [OTP Input](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.OtpInput.SfOtpInput.html) for .NET MAUI and a walk-through to configure the .NET MAUI OTP Input in a real-time scenario. Follow the steps below to add .NET MAUI OTP Input to your project.
1313

1414
{% tabcontents %}
1515
{% tabcontent Visual Studio %}
@@ -66,7 +66,7 @@ public static class MauiProgram
6666

6767
1. To initialize the control, import the `Syncfusion.Maui.Toolkit.OtpInput` namespace into your code.
6868

69-
2. Initialize `SfOtpInput.`
69+
2. Initialize [SfOtpInput.](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.OtpInput.SfOtpInput.html)
7070

7171
{% tabs %}
7272
{% highlight xaml %}
@@ -139,7 +139,7 @@ public static class MauiProgram
139139

140140
1. To initialize the control, import the `Syncfusion.Maui.Toolkit.OtpInput` namespace into your code.
141141

142-
2. Initialize `SfOtpInput.`
142+
2. Initialize [SfOtpInput.](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.OtpInput.SfOtpInput.html)
143143

144144
{% tabs %}
145145
{% highlight xaml %}
@@ -211,7 +211,7 @@ public static class MauiProgram
211211

212212
1. To initialize the control, import the `Syncfusion.Maui.Toolkit.OtpInput` namespace into your code.
213213

214-
2. Initialize `SfOtpInput.`
214+
2. Initialize [SfOtpInput.](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.OtpInput.SfOtpInput.html)
215215

216216
{% tabs %}
217217
{% highlight xaml %}
@@ -231,7 +231,7 @@ SfOtpInput otpInput = new SfOtpInput();
231231

232232
## Value
233233

234-
You can specify the value of OTP Input by using the `Value` property.
234+
You can specify the value of OTP Input by using the [Value](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.OtpInput.SfOtpInput.html#Syncfusion_Maui_Toolkit_OtpInput_SfOtpInput_Value) property.
235235

236236
{% tabs %}
237237
{% highlight xaml %}

maui-toolkit/Otp-Input/Input-Types.md

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

1212
## Types
1313

14-
This section explains the the various types of OTP (One-Time Password) input component, explaining their default behaviors and appropriate use cases.
14+
This section explains the various types of OTP (One-Time Password) input component, explaining their default behaviors and appropriate use cases.
1515

1616
### Number type
1717

18-
The `Type` property can be set to `Number`, prompting the input to handle numeric-only codes. This is ideal for scenarios demanding numeric OTP's. By default, the `Type` property is set to `Number`.
18+
The [Type](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.OtpInput.SfOtpInput.html#Syncfusion_Maui_Toolkit_OtpInput_SfOtpInput_Type) property can be set to [Number](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.OtpInput.OtpInputType.html#Syncfusion_Maui_Toolkit_OtpInput_OtpInputType_Number), prompting the input to handle numeric-only codes. This is ideal for scenarios demanding numeric OTP's. By default, the `Type` property is set to `Number.`
1919

2020
{% tabs %}
2121
{% highlight xaml %}
@@ -38,7 +38,7 @@ SfOtpInput otpInput = new SfOtpInput()
3838

3939
### Text type
4040

41-
You can set the `Type` property to `Text` for inputs that may include both letters and numbers, suitable for alphanumeric OTP's.
41+
You can set the [Type](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.OtpInput.SfOtpInput.html#Syncfusion_Maui_Toolkit_OtpInput_SfOtpInput_Type) property to [Text](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.OtpInput.OtpInputType.html#Syncfusion_Maui_Toolkit_OtpInput_OtpInputType_Text) for inputs that may include both letters and numbers, suitable for alphanumeric OTP's.
4242

4343
{% tabs %}
4444
{% highlight xaml %}
@@ -61,7 +61,7 @@ SfOtpInput otpInput = new SfOtpInput()
6161

6262
### Password type
6363

64-
You can set the `Type` property to `Password` to use this input type as password in the OTP Input.
64+
You can set the [Type](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.OtpInput.SfOtpInput.html#Syncfusion_Maui_Toolkit_OtpInput_SfOtpInput_Type) property to [Password](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.OtpInput.OtpInputType.html#Syncfusion_Maui_Toolkit_OtpInput_OtpInputType_Password) to use this input type as password in the OTP Input.
6565

6666
{% tabs %}
6767
{% highlight xaml %}

0 commit comments

Comments
 (0)