Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
6 changes: 2 additions & 4 deletions MAUI/Avatar-view/how-to.md
Original file line number Diff line number Diff line change
@@ -1,15 +1,13 @@
---
layout: post
title: States in Syncfusion® .NET MAUI Avatar View
description: Learn how to use the different states available in .NET MAUI Avatar View.
description: Learn how to effectively use the various states available in the .NET MAUI Avatar View to enhance UI behavior.
platform: MAUI
control: SfAvatarView
documentation: UG
---

# How to Use Different States

## Set Badge View to Avatar View
# Set Badge View to Avatar View

The .NET MAUI [SfAvatarView](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Core.SfAvatarView.html) control supports integrating a [BadgeView](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Core.SfBadgeView.html?tabs=tabid-1) to notify users of new or unread messages, notifications, or any updates. Below is a demonstration of how to accomplish this setup within your application.

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -7,26 +7,7 @@ control: SfTabView
documentation: UG
---

# How to Select a Tab Item Programmatically?

## Programmatically select the tab item

You can use the [SelectedIndex](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.TabView.SfTabView.html#Syncfusion_Maui_TabView_SfTabView_SelectedIndex) property of SfTabView to programmatically select a tab item. Below is a code snippet demonstrating how to do this:

{% tabs %}

{% highlight xaml %}
<tabView:SfTabView x:Name="tabView" SelectedIndex="2"/>
{% endhighlight %}

{% highlight C# %}
tabView.SelectedIndex = 2;
{% endhighlight %}
{% endtabs %}

![SelectedIndex in SfTabView](images/SelectedIndexTabView.png)

## Get the selected tab item using IsSelected property
# Get the selected tab item using IsSelected property

The `IsSelected` property indicates whether the tab item is active. This property can be used, as shown in the code snippet below, to check and perform actions on the selected tab item.

Expand Down
25 changes: 25 additions & 0 deletions MAUI/TabView/Programmatically-Select-The-Tab-Item.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,25 @@
---
layout: post
title: Select Tab in .NET MAUI Tab View (SfTabView) | Syncfusion®
description: Learn all about selecting a tab item programmatically in the Syncfusion® .NET MAUI Tab View (SfTabView) control and more.
platform: MAUI
control: SfTabView
documentation: UG
---

# Programmatically select the tab item

You can use the [SelectedIndex](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.TabView.SfTabView.html#Syncfusion_Maui_TabView_SfTabView_SelectedIndex) property of SfTabView to programmatically select a tab item. Below is a code snippet demonstrating how to do this:

{% tabs %}

{% highlight xaml %}
<tabView:SfTabView x:Name="tabView" SelectedIndex="2"/>
{% endhighlight %}

{% highlight C# %}
tabView.SelectedIndex = 2;
{% endhighlight %}
{% endtabs %}

![SelectedIndex in SfTabView](images/SelectedIndexTabView.png)
3 changes: 1 addition & 2 deletions MAUI/TextInputLayout/How-To.md
Original file line number Diff line number Diff line change
Expand Up @@ -7,9 +7,8 @@ control: SfTextInputLayout
documentation: ug
keywords: .net maui text input layout, syncfusion text input layout, text input layout maui.
---
# How to Customize the thickness of stroke?

## Customize the thickness of stroke
# Customize the thickness of stroke

The stroke width (for [Outlined](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Core.ContainerType.html#Syncfusion_Maui_Core_ContainerType_Outlined)) and line thickness (for [Filled](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Core.ContainerType.html#Syncfusion_Maui_Core_ContainerType_Filled) and [None](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Core.ContainerType.html#Syncfusion_Maui_Core_ContainerType_None)) can be customized based on the focus state of the input view by setting the [FocusedStrokeThickness](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Core.SfTextInputLayout.html#Syncfusion_Maui_Core_SfTextInputLayout_FocusedStrokeThickness) and [UnfocusedStrokeThickness](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Core.SfTextInputLayout.html#Syncfusion_Maui_Core_SfTextInputLayout_UnfocusedStrokeThickness) properties.

Expand Down
33 changes: 27 additions & 6 deletions maui-toc.html
Original file line number Diff line number Diff line change
Expand Up @@ -335,8 +335,13 @@
<li><a href="/maui/Avatar-view/Content-Type">Content Type</a></li>
<li><a href="/maui/Avatar-view/visualstyles">Visual Style</a></li>
<li><a href="/maui/Avatar-view/customization">Customization</a></li>
<li><a href="/maui/Avatar-view/how-to">How To</a></li>
</ul>
<li>
How to
<ul>
<li><a href="/maui/Avatar-view/how-to">Set Badge View to Avatar View</a></li>
</ul>
</li>
</ul>
</li>
<li>
SfBackdropPage
Expand Down Expand Up @@ -453,8 +458,13 @@
<li><a href="/maui/carousel-view/Transformation">Transformation</a></li>
<li><a href="/maui/carousel-view/Animation">Animation</a></li>
<li><a href="/maui/carousel-view/SwipeEvents">Swipe Events</a></li>
<li><a href="/maui/carousel-view/how-to">How To</a></li>
</ul>
<li>
How to
<ul>
<li><a href="/maui/carousel-view/how-to">How to perform an operation while changing the CarouselItem</a></li>
</ul>
</li>
</ul>
</li>
<li>
SfCartesianChart
Expand Down Expand Up @@ -1459,9 +1469,15 @@
<li><a href="/maui/TabView/Header-Display-Mode">Header Display Mode</a></li>
<li><a href="/maui/TabView/Visual-State-Managers">Visual State Manager</a></li>
<li><a href="/maui/TabView/Nested-Tabs">Nested Tab bar</a></li>
<li><a href="/maui/TabView/How-To">How To</a></li>
<li><a href="/maui/TabView/Events">Events</a></li>
<li><a href="/maui/TabView/LiquidGlassSupport">Liquid Glass Support</a></li>
<li>
How to
<ul>
<li><a href="/maui/TabView/Programmatically-Select-The-Tab-Item">Programmatically select the tab item</a></li>
<li><a href="/maui/TabView/Get-The-Selected-Tab-Item-Using-IsSelected-Property">Get the selected tab item using IsSelected property</a></li>
</ul>
</li>
</ul>
</li>
<li>
Expand Down Expand Up @@ -1514,7 +1530,12 @@
<li><a href="/maui/TextInputLayout/States-And-Colors">States and Colors</a></li>
<li><a href="/maui/TextInputLayout/right-to-left">Right To Left</a></li>
<li><a href="/maui/TextInputLayout/Events">Events</a></li>
<li><a href="/maui/TextInputLayout/How-To">How to</a></li>
<li>
How to
<ul>
<li><a href="/maui/TextInputLayout/How-To">Customize the thickness of stroke </a></li>
</ul>
</li>
</ul>
</li>
<li>
Expand Down