Skip to content

Commit 993baf9

Browse files
Update Tab-Item-Customization.md
1 parent 59cff81 commit 993baf9

File tree

1 file changed

+12
-12
lines changed

1 file changed

+12
-12
lines changed

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

Lines changed: 12 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -50,7 +50,7 @@ The following image shows a tab item with the header text:
5050

5151
![Header](images/Tab-Width-Mode-Default.png)
5252

53-
### ImageSource
53+
### Image source
5454

5555
You can add an image to a tab item to enhance its visual appeal. The [ImageSource](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.TabView.SfTabItem.html#Syncfusion_Maui_Toolkit_TabView_SfTabItem_ImageSource) specifies the image to be displayed in the tab item. You can set the `ImageSource` property in both XAML and C# code as shown in the examples below.
5656

@@ -137,7 +137,7 @@ The following image shows a tab item with its content:
137137

138138
![Content](images/TabItem_Content.png)
139139

140-
## ImagePosition options
140+
## Image position options
141141

142142
The .NET MAUI Tab View provides four options that determine how the image in the tab aligns relative to the text. The options are left, top, right, and bottom. You can set this alignment using the [ImagePosition](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.TabView.SfTabItem.html#Syncfusion_Maui_Toolkit_TabView_SfTabItem_ImagePosition) property of the [SfTabItem](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.TabView.SfTabItem.html) class.
143143

@@ -291,7 +291,7 @@ The following image shows the tab item with the image positioned to the right of
291291

292292
![Right](images/Image-Position-Right.png)
293293

294-
## ImageTextSpacing
294+
## Image text spacing
295295

296296
The [ImageTextSpacing](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.TabView.SfTabItem.html#Syncfusion_Maui_Toolkit_TabView_SfTabItem_ImageTextSpacing) property in [SfTabItem](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.TabView.SfTabItem.html) allows you to set the spacing between the image and the text of the tab item. This property is particularly useful when you want to fine-tune the layout of tab items that contain both an image and text.
297297

@@ -328,7 +328,7 @@ The following image shows a tab item with the specified image text spacing:
328328

329329
![ImageTextSpacing](images/Image-Text-Spacing.png)
330330

331-
## TextColor customization
331+
## Text color customization
332332

333333
The [TextColor](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.TabView.SfTabItem.html#Syncfusion_Maui_Toolkit_TabView_SfTabItem_TextColor) property allows you to customize the color of the text displayed in the tab item. Below are examples demonstrating how to set the `TextColor` property in both XAML and C#.
334334

@@ -369,7 +369,7 @@ The following image shows a tab item with the specified text color:
369369

370370
Font customization allows you to modify the appearance of the text in tab items. You can adjust the following font properties:
371371

372-
### FontFamily
372+
### Font family
373373

374374
The [FontFamily](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.TabView.SfTabItem.html#Syncfusion_Maui_Toolkit_TabView_SfTabItem_FontFamily) property sets the font family of the tab item text. Below are examples demonstrating how to set the `FontFamily` property in both XAML and C#.
375375

@@ -406,7 +406,7 @@ The following image shows a tab item with the specified font family:
406406

407407
![FontFamily](images/FontFamily.png)
408408

409-
### FontAttributes
409+
### Font attributes
410410

411411
The [FontAttributes](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.TabView.SfTabItem.html#Syncfusion_Maui_Toolkit_TabView_SfTabItem_FontAttributes) defines the font style (e.g., bold, italic) of the tab item text. Below are examples demonstrating how to set the `FontAttributes` property in both XAML and C#.
412412

@@ -443,7 +443,7 @@ The following image shows a tab item with the specified font attributes:
443443

444444
![FontAttribute](images/FontAttributes.png)
445445

446-
### FontSize
446+
### Font size
447447

448448
The [FontSize](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.TabView.SfTabItem.html#Syncfusion_Maui_Toolkit_TabView_SfTabItem_FontSize) property specifies the size of the text in the tab item. Below are examples demonstrating how to set the `FontSize` property in both XAML and C#.
449449

@@ -480,7 +480,7 @@ The following image shows a tab item with the specified font size:
480480

481481
![FontSize](images/FontSize.png)
482482

483-
## TabHeaderPadding
483+
## Tab header padding
484484

485485
The [TabHeaderPadding](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.TabView.SfTabView.html#Syncfusion_Maui_Toolkit_TabView_SfTabView_TabHeaderPadding) property in [SfTabView](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.TabView.SfTabView.html) allows you to add padding to the tab header.
486486

@@ -570,7 +570,7 @@ this.Content = stackLayout;
570570

571571
![ScrollButtonCustomization](images/ScrollButtonCustomization.png)
572572

573-
## FontAutoScalingEnabled
573+
## Font auto scaling enabled
574574

575575
The [FontAutoScalingEnabled](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.TabView.SfTabItem.html#Syncfusion_Maui_Toolkit_TabView_SfTabItem_FontAutoScalingEnabled) property allows you to enable or disable automatic font scaling for the tab headers. When enabled, this feature adjusts the font size of the tab headers based on the text size settings of the operating system. The default value of the `FontAutoScalingEnabled` property is `false`.
576576

@@ -596,7 +596,7 @@ tabView.FontAutoScalingEnabled = true;
596596

597597
{% endtabs %}
598598

599-
## ContentTransitionDuration
599+
## Content transition duration
600600

601601
You can customize the animation duration when switching between tabs in the Tab View by setting the [ContentTransitionDuration](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.TabView.SfTabView.html#Syncfusion_Maui_Toolkit_TabView_SfTabView_ContentTransitionDuration) property. This property affects the smooth transition of content when the [SelectedIndex](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.TabView.SfTabView.html#Syncfusion_Maui_Toolkit_TabView_SfTabView_SelectedIndex) changes.
602602

@@ -642,7 +642,7 @@ tabView.ContentTransitionDuration = 1000;
642642

643643
![IsContentTransitionEnabled](images/ContentTransition.gif)
644644

645-
## ImageSize
645+
## Image size
646646

647647
You can customize the image size in the .NET MAUI Tab View 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.
648648

@@ -669,4 +669,4 @@ stackLayout.Children.Add(tabView);
669669
this.Content = stackLayout;
670670
{% endhighlight %}
671671

672-
{% endtabs %}
672+
{% endtabs %}

0 commit comments

Comments
 (0)