Skip to content

Commit cbbd29e

Browse files
Merge branch '943738_UGUpdate' of https://github.com/syncfusion-content/maui-toolkit-docs into 943738_UGUpdate
# Conflicts: # maui-toolkit/TabView/CenterButton-Customization.md
2 parents 1eceea7 + 29a1e43 commit cbbd29e

File tree

3 files changed

+30
-18
lines changed

3 files changed

+30
-18
lines changed

maui-toolkit-toc.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -375,7 +375,7 @@
375375
<li><a href="/maui-toolkit/TabView/Nested-Tabs">Nested Tab bar</a></li>
376376
<li><a href="/maui-toolkit/TabView/How-To">How To</a></li>
377377
<li><a href="/maui-toolkit/TabView/Events">Events</a></li>
378-
<li><a href="/maui-toolkit/TabView/CenterButton-Customization">CenterButton</a></li>
378+
<li><a href="/maui-toolkit/TabView/CenterButton-Customization">Center Button</a></li>
379379
</ul>
380380
</li>
381381
<li>

maui-toolkit/TabView/CenterButton-Customization.md

Lines changed: 29 additions & 17 deletions
Original file line numberDiff line numberDiff line change
@@ -1,19 +1,19 @@
11
---
22
layout: post
33
title: Center button customization in .NET MAUI Tab View | Syncfusion®
4-
description: Learn here all about center button Customization in .NET MAUI Tab View control.
4+
description: Learn here all about the center button customization in the Syncfusion® .NET MAUI Tab View(SfTabView) control.
55
platform: maui-toolkit
66
control: Tab View
77
documentation: ug
88
---
99

1010
# Center Button Customization in .NET MAUI Tab View (SfTabView)
1111

12-
This section explains how to create and customize the .NET MAUI [SfTabView](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.TabView.SfTabView.html)
12+
This section explains how to enable and customize The center button in .NET MAUI [SfTabView.](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.TabView.SfTabView.html)
1313

1414
## Enable the center button
1515

16-
You can enable the center button in Tab View by setting `IsCenterButtonEnabled` property to true. Its appearance can be configured using `CenterButtonSettings`.
16+
You can enable the center button in Tab View by setting the `IsCenterButtonEnable` property to `True.`
1717

1818
{% tabs %}
1919

@@ -38,9 +38,19 @@ public MainPage()
3838
{% endtabs %}
3939

4040
## Customize the center button
41+
<<<<<<< .mine
4142

43+
=======
44+
You can customize the center button using the properties of `CenterButtonSetting.` The following properties are used to customize the view of the center button `Background,` `Stroke,` `StrokeThickness,` `CornerRadius,` `TextColor,` `Height,` `Title,` `FontAttributes,` `FontFamily,` `FontSize,` `Width,` `ImageSource,` `ImageSize,` and `DisplayMode.`
45+
>>>>>>> .theirs
46+
47+
<<<<<<< .mine
4248
You can customize the center button using the properties of CenterButtonSettings. The following properties are used to customize the view of center button `Background`, `Stroke`,`StrokeThickness`, `CornerRadius`, `TextColor`, `Height`, `Title`, `FontAttributes`, `FontFamily`, `FontSize`, `Width`, `ImageSource`, `ImageSize`, `DisplayMode`.
4349

50+
=======
51+
52+
53+
>>>>>>> .theirs
4454
4555
{% tabs %}
4656

@@ -71,25 +81,29 @@ public MainPage()
7181
{
7282
InitializeComponent();
7383
SfTabView tabView = new SfTabView();
74-
CenterButtonSettings centerButton = new CenterButtonSettings ();
75-
centerButton.Height = 80;
76-
centerButton.Width = 100;
77-
centerButton.Title = "Center Button";
78-
centerButton.FontAttributes = FontAttributes.Bold;
79-
centerButton.TextColor = Colors.Green;
80-
centerButton.DisplayMode = CenterButtonDisplayMode.ImageWithText;
81-
centerButton.ImageSource = "Home.png";
82-
centerButton.ImageSize = 24;
83-
centerButton.FontFamily = "SevillanaRegular";
84-
centerButton.CornerRadius = 10;
84+
CenterButtonSettings centerButtonSettings = new CenterButtonSettings()
85+
{
86+
Height = 80,
87+
Width = 100,
88+
Title = "Center Button",
89+
FontAttributes = FontAttributes.Bold,
90+
TextColor = Colors.Green,
91+
DisplayMode = CenterButtonDisplayMode.ImageWithText,
92+
ImageSource = "Home.png",
93+
ImageSize = 24,
94+
FontFamily = "SevillanaRegular",
95+
CornerRadius = new CornerRadius(10),
96+
};
97+
98+
tabView.CenterButtonSettings = centerButtonSettings;
8599
}
86100
{% endhighlight %}
87101

88102
{% endtabs %}
89103

90104
## Center button tapped event
91105

92-
When center button is tapped, the `CenterButtonTapped` event occurs. Using this event we can set alert message.
106+
When the center button is tapped, the `CenterButtonTapped` event occurs. Using this event we can set alert messages.
93107

94108
{% tabs %}
95109

@@ -116,5 +130,3 @@ private void OnCenterButtonTapped(object sender, EventArgs e)
116130
{% endhighlight %}
117131

118132
{% endtabs %}
119-
120-
-799 KB
Binary file not shown.

0 commit comments

Comments
 (0)