Skip to content

Commit d768393

Browse files
Resolved the staging issues in tab view
1 parent 348462b commit d768393

File tree

4 files changed

+21
-45
lines changed

4 files changed

+21
-45
lines changed

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

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -11,7 +11,7 @@ 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

maui-toolkit/Otp-Input/OtpInput-Customization.md

Lines changed: 2 additions & 24 deletions
Original file line numberDiff line numberDiff line change
@@ -122,28 +122,6 @@ SfOtpInput otpInput = new SfOtpInput()
122122

123123
![InputLength Image for OTP Input](images/length.png)
124124

125-
## Disable inputs
126-
127-
You can disable the OTP Input component by using the `IsEnabled` property. By default, this property's value is set to `True.`
128-
129-
{% tabs %}
130-
{% highlight xaml %}
131-
132-
<otpInput:SfOtpInput IsEnabled="False" />
133-
134-
{% endhighlight %}
135-
{% highlight C# %}
136-
137-
SfOtpInput otpInput = new SfOtpInput()
138-
{
139-
IsEnabled = false
140-
};
141-
142-
{% endhighlight %}
143-
{% endtabs %}
144-
145-
![Disabled Image for OTP Input](images/isenabled.png)
146-
147125
## Input background
148126

149127
You can set the `InputBackground` property to any color to customize the appearance of the input fields. The `InputBackground` property applies only when `StylingMode` is set to `Filled.`
@@ -218,15 +196,15 @@ You can set the `MaskCharacter` property to any character to define how the mask
218196
{% tabs %}
219197
{% highlight xaml %}
220198

221-
<otpInput:SfOtpInput Type="Password" MaskCharacter="*" />
199+
<otpInput:SfOtpInput Type="Password" MaskCharacter="#" />
222200

223201
{% endhighlight %}
224202
{% highlight C# %}
225203

226204
SfOtpInput otpInput = new SfOtpInput()
227205
{
228206
Type = OtpInputType.Password,
229-
MaskCharacter = '*'
207+
MaskCharacter = '#'
230208
};
231209

232210
{% endhighlight %}

maui-toolkit/TabView/Tab-Bar-Customization.md

Lines changed: 0 additions & 20 deletions
Original file line numberDiff line numberDiff line change
@@ -119,26 +119,6 @@ tabView.HeaderHorizontalTextAlignment = TextAlignment.Center;
119119

120120
![Tab header text alignment](images/HorizontalTextAlignmentCenter.png)
121121

122-
123-
## Enable content transition
124-
125-
The .NET MAUI Tab View allows users to enable or disable the transition animation for tab content when switching between tabs using `IsContentTransitionEnabled` property.
126-
127-
{% tabs %}
128-
129-
{% highlight xaml %}
130-
<tabView:SfTabView IsContentTransitionEnabled="True" ContentTransitionDuration = "1000"/>
131-
{% endhighlight %}
132-
133-
{% highlight C# %}
134-
SfTabView tabView = new SfTabView();
135-
tabView.IsContentTransitionEnabled = "True";
136-
tabView.ContentTransitionDuration = 1000;
137-
{% endhighlight %}
138-
139-
{% endtabs %}
140-
141-
142122
## Tab header alignment
143123

144124
The .NET MAUI TabView allows users to customize the header position using the `TabHeaderAlignment` property, providing greater flexibility in tab layout customization.

maui-toolkit/TabView/Tab-Item-Customization.md

Lines changed: 18 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -622,6 +622,24 @@ tabView.ContentTransitionDuration = 300;
622622

623623
{% endtabs %}
624624

625+
## Enable content transition
626+
627+
The .NET MAUI Tab View allows users to enable or disable the transition animation for tab content when switching between tabs using `IsContentTransitionEnabled` property.
628+
629+
{% tabs %}
630+
631+
{% highlight xaml %}
632+
<tabView:SfTabView IsContentTransitionEnabled="True" ContentTransitionDuration = "1000"/>
633+
{% endhighlight %}
634+
635+
{% highlight C# %}
636+
SfTabView tabView = new SfTabView();
637+
tabView.IsContentTransitionEnabled = "True";
638+
tabView.ContentTransitionDuration = 1000;
639+
{% endhighlight %}
640+
641+
{% endtabs %}
642+
625643
## Image size
626644

627645
You can customize the image size in the .NET MAUI TabView control by setting the [ImageSize](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.TabView.SfTabItem.html#Syncfusion_Maui_Toolkit_TabView_SfTabItem_ImageSize) property.

0 commit comments

Comments
 (0)