syncfusion-content · syncsiva · Nov 15, 2022 · Nov 15, 2022
diff --git a/ej2-asp-core-mvc/floating-action-button/EJ2_ASP.MVC/getting-started.md b/ej2-asp-core-mvc/floating-action-button/EJ2_ASP.MVC/getting-started.md
@@ -114,26 +114,26 @@ Press <kbd>Ctrl</kbd>+<kbd>F5</kbd> (Windows) or <kbd>⌘</kbd>+<kbd>F5</kbd> (m
 
 ![ASP.NET MVC Floating Action Button Control](images/default.png)
 
-## Positioning
+## Event Click In Floating Action Button
 
-The floating action button can be positioned using the [`Position`](https://help.syncfusion.com/cr/aspnetmvc-js2/Syncfusion.EJ2.Buttons.Fab.html#Syncfusion_EJ2_Buttons_Fab_Position) property. The fab is positioned based on the [`Target`](https://help.syncfusion.com/cr/aspnetmvc-js2/Syncfusion.EJ2.Buttons.Fab.html#Syncfusion_EJ2_Buttons_Fab_Target), if target is defined else positioned based on the browser viewport. The position values are TopLeft, TopCenter, TopRight, MiddleLeft, MiddleCenter, MiddleRight, BottomLeft, BottomCenter and BottomRight.
+The floating action button control triggers the `onclick` event when you click on the floating action button. You can use this event to perform the required action.
 
 {% if page.publishingplatform == "aspnet-core" %}
 
 {% tabs %}
 {% highlight cshtml tabtitle="CSHTML" %}
-{% include code-snippet/floating-action-button/getting-started/position/tagHelper %}
+{% include code-snippet/floating-action-button/events/onclick-event/tagHelper %}
 {% endhighlight %}
-{% highlight c# tabtitle="Demo.cs" %}
-{% endhighlight %}{% endtabs %}
+{% endtabs %}
 
 {% elsif page.publishingplatform == "aspnet-mvc" %}
 
 {% tabs %}
 {% highlight razor tabtitle="CSHTML" %}
-{% include code-snippet/floating-action-button/getting-started/position/razor %}
+{% include code-snippet/floating-action-button/events/onclick-event/razor %}
+{% endhighlight %}
+{% highlight c# tabtitle="OnClickEvent.cs" %}
+{% include code-snippet/floating-action-button/events/onclick-event/onclickevent.cs %}
 {% endhighlight %}
 {% endtabs %}
 {% endif %}
-
-![ASP.NET MVC Floating Action Button Control](images/position.png)
diff --git a/ej2-asp-core-mvc/floating-action-button/EJ2_ASP.MVC/icons.md b/ej2-asp-core-mvc/floating-action-button/EJ2_ASP.MVC/icons.md
@@ -12,7 +12,7 @@ documentation: ug
 
 You can customize the icon and text of Asp.Net MVC Floating Action Button(FAB) using [IconCss](https://help.syncfusion.com/cr/aspnetmvc-js2/Syncfusion.EJ2.Buttons.Fab.html#Syncfusion_EJ2_Buttons_Fab_IconCss) and [Content](https://help.syncfusion.com/cr/aspnetmvc-js2/Syncfusion.EJ2.Buttons.Fab.html#Syncfusion_EJ2_Buttons_Fab_Content) properties.
 
-## FAB with Icon
+## FAB with icon
 
 You can show icon only in Floating Action Button by setting [IconCss](https://help.syncfusion.com/cr/aspnetmvc-js2/Syncfusion.EJ2.Buttons.Fab.html#Syncfusion_EJ2_Buttons_Fab_IconCss) property. You can show tooltip on hover to show additional details to end-user by setting `title` attribute.
 
@@ -31,7 +31,7 @@ You can show icon only in Floating Action Button by setting [IconCss](https://he
 
 ![Asp.Net MVC Floating Action Button with Icon](images/FabWithIcon.png)
 
-## FAB with Icon and Text
+## FAB with icon and text
 
 You can show icon along with text in Floating Action Button by setting [IconCss](https://help.syncfusion.com/cr/aspnetmvc-js2/Syncfusion.EJ2.Buttons.Fab.html#Syncfusion_EJ2_Buttons_Fab_IconCss) and [Content](https://help.syncfusion.com/cr/aspnetmvc-js2/Syncfusion.EJ2.Buttons.Fab.html#Syncfusion_EJ2_Buttons_Fab_Content) properties.
 

diff --git a/ej2-asp-core-mvc/floating-action-button/EJ2_ASP.MVC/positions.md b/ej2-asp-core-mvc/floating-action-button/EJ2_ASP.MVC/positions.md
@@ -8,9 +8,9 @@ publishingplatform: ##Platform_Name##
 documentation: ug
 ---
 
-# Floating Action Button Positions
+# Positions in Asp.Net MVC Floating Action Button Control
 
-The floating action button can be positioned anywhere on the [Target](https://help.syncfusion.com/cr/aspnetmvc-js2/Syncfusion.EJ2.Buttons.Fab.html#Syncfusion_EJ2_Buttons_Fab_Target) using the [Position](https://help.syncfusion.com/cr/aspnetmvc-js2/Syncfusion.EJ2.Buttons.Fab.html#Syncfusion_EJ2_Buttons_Fab_Position) property. If the `target` is not defined, then FAB is positioned based on the browser viewport.
+The floating action button can be positioned anywhere on the [Target](https://help.syncfusion.com/cr/aspnetmvc-js2/Syncfusion.EJ2.Buttons.Fab.html#Syncfusion_EJ2_Buttons_Fab_Target) using the [Position](https://help.syncfusion.com/cr/aspnetmvc-js2/Syncfusion.EJ2.Buttons.Fab.html#Syncfusion_EJ2_Buttons_Fab_Position) property. If the `Target` is not defined, then FAB is positioned based on the browser viewport.
 
 The position values of Floating Action Button are as follows:
 
@@ -60,7 +60,7 @@ Below example demonstrates different supported positions of FAB.
 
 ## Custom position
 
-You can define the custom position of the Floating Action Button by override the `top`, `left`, `right`, and `bottom` CSS properities using `cssClass`.
+You can define the custom position of the Floating Action Button by override the `top`, `left`, `right`, and `bottom` CSS properities using [CssClass](https://help.syncfusion.com/cr/aspnetmvc-js2/Syncfusion.EJ2.Buttons.Fab.html#Syncfusion_EJ2_Buttons_Fab_CssClass)`.
 
 {% if page.publishingplatform == "aspnet-mvc" %}
 

diff --git a/ej2-asp-core-mvc/floating-action-button/EJ2_ASP.MVC/styles.md b/ej2-asp-core-mvc/floating-action-button/EJ2_ASP.MVC/styles.md
@@ -41,7 +41,7 @@ The Asp.Net MVC Floating Action Button supports the following predefined styles
 
 > Predefined Floating Action Button styles provide only the visual indication. So, Floating Action Button [Content](https://help.syncfusion.com/cr/aspnetmvc-js2/Syncfusion.EJ2.Buttons.Fab.html#Syncfusion_EJ2_Buttons_Fab_Content) property should define the Floating Action Button style for the users of assistive technologies such as screen readers.
 
-## Styles Customization
+## Styles customization
 
 To modify the Floating Action Button appearance, you need to override the default CSS of Floating Action Button component. Please find the list of CSS classes and its corresponding section in Floating Action Button component. Also, you have an option to create your own custom theme for the controls using our [Theme Studio](https://blazor.syncfusion.com/themestudio/).
 
@@ -55,7 +55,7 @@ To modify the Floating Action Button appearance, you need to override the defaul
 
 ## Show text on hover
 
-By using `cssClass`, you can customize the Floating Action Button to show text on hover with applied transition effect.
+By using [CssClass](https://help.syncfusion.com/cr/aspnetmvc-js2/Syncfusion.EJ2.Buttons.Fab.html#Syncfusion_EJ2_Buttons_Fab_CssClass), you can customize the Floating Action Button to show text on hover with applied transition effect.
 
 {% if page.publishingplatform == "aspnet-mvc" %}
 

diff --git a/ej2-asp-core-mvc/floating-action-button/EJ2_ASP.NETCORE/getting-started.md b/ej2-asp-core-mvc/floating-action-button/EJ2_ASP.NETCORE/getting-started.md
@@ -114,26 +114,26 @@ Press <kbd>Ctrl</kbd>+<kbd>F5</kbd> (Windows) or <kbd>⌘</kbd>+<kbd>F5</kbd> (m
 
 ![ASP.NET Core Floating Action Button Control](images/default.png)
 
-## Positioning
+## Event Click In Floating Action Button
 
-The floating action button can be positioned using the [`Position`](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2.Buttons.Fab.html#Syncfusion_EJ2_Buttons_Fab_Position) property. The fab is positioned based on the [`Target`](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2.Buttons.Fab.html#Syncfusion_EJ2_Buttons_Fab_Target), if target is defined else positioned based on the browser viewport. The position values are TopLeft, TopCenter, TopRight, MiddleLeft, MiddleCenter, MiddleRight, BottomLeft, BottomCenter and BottomRight.
+The floating action button control triggers the `onclick` event when you click on the floating action button. You can use this event to perform the required action.
 
 {% if page.publishingplatform == "aspnet-core" %}
 
 {% tabs %}
 {% highlight cshtml tabtitle="CSHTML" %}
-{% include code-snippet/floating-action-button/getting-started/position/tagHelper %}
+{% include code-snippet/floating-action-button/events/onclick-event/tagHelper %}
 {% endhighlight %}
 {% endtabs %}
 
 {% elsif page.publishingplatform == "aspnet-mvc" %}
 
 {% tabs %}
 {% highlight razor tabtitle="CSHTML" %}
-{% include code-snippet/floating-action-button/getting-started/position/razor %}
+{% include code-snippet/floating-action-button/events/onclick-event/razor %}
+{% endhighlight %}
+{% highlight c# tabtitle="OnClickEvent.cs" %}
+{% include code-snippet/floating-action-button/events/onclick-event/onclickevent.cs %}
 {% endhighlight %}
 {% endtabs %}
 {% endif %}
-
-![ASP.NET Core Floating Action Button Control](images/position.png)
-
diff --git a/ej2-asp-core-mvc/floating-action-button/EJ2_ASP.NETCORE/icons.md b/ej2-asp-core-mvc/floating-action-button/EJ2_ASP.NETCORE/icons.md
@@ -10,11 +10,11 @@ documentation: ug
 
 # Icons in Asp.Net Core Floating Action Button Control
 
-You can customize the icon and text of Asp.Net Core Floating Action Button(FAB) using [iconCss](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2.Buttons.Fab.html#Syncfusion_EJ2_Buttons_Fab_IconCss) and [content](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2.Buttons.Fab.html#Syncfusion_EJ2_Buttons_Fab_Content) properties.
+You can customize the icon and text of Asp.Net Core Floating Action Button(FAB) using [IconCss](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2.Buttons.Fab.html#Syncfusion_EJ2_Buttons_Fab_IconCss) and [Content](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2.Buttons.Fab.html#Syncfusion_EJ2_Buttons_Fab_Content) properties.
 
-## FAB with Icon
+## FAB with icon
 
-You can show icon only in Floating Action Button by setting [iconCss](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2.Buttons.Fab.html#Syncfusion_EJ2_Buttons_Fab_IconCss) property. You can show tooltip on hover to show additional details to end-user by setting `title` attribute.
+You can show icon only in Floating Action Button by setting [IconCss](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2.Buttons.Fab.html#Syncfusion_EJ2_Buttons_Fab_IconCss) property. You can show tooltip on hover to show additional details to end-user by setting `Title` attribute.
 
 {% if page.publishingplatform == "aspnet-core" %}
 
@@ -28,9 +28,9 @@ You can show icon only in Floating Action Button by setting [iconCss](https://he
 
 ![Asp.Net Core Floating Action Button with Icon](images/FabWithIcon.png)
 
-## FAB with Icon and Text
+## FAB with icon and text
 
-You can show icon along with text in Floating Action Button by setting [iconCss](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2.Buttons.Fab.html#Syncfusion_EJ2_Buttons_Fab_IconCss) and [content](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2.Buttons.Fab.html#Syncfusion_EJ2_Buttons_Fab_Content) properties.
+You can show icon along with text in Floating Action Button by setting [IconCss](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2.Buttons.Fab.html#Syncfusion_EJ2_Buttons_Fab_IconCss) and [Content](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2.Buttons.Fab.html#Syncfusion_EJ2_Buttons_Fab_Content) properties.
 
 {% if page.publishingplatform == "aspnet-core" %}
 
@@ -46,7 +46,7 @@ You can show icon along with text in Floating Action Button by setting [iconCss]
 
 ### Icon position
 
-You can change the position of icon when showing along with content by setting [iconPosition](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2.Buttons.Fab.html#Syncfusion_EJ2_Buttons_Fab_IconPosition ) property. By default, the icon is positioned on the left side together with text.
+You can change the position of icon when showing along with content by setting [IconPosition](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2.Buttons.Fab.html#Syncfusion_EJ2_Buttons_Fab_IconPosition ) property. By default, the icon is positioned on the left side together with text.
 
 {% if page.publishingplatform == "aspnet-core" %}
 

diff --git a/ej2-asp-core-mvc/floating-action-button/EJ2_ASP.NETCORE/positions.md b/ej2-asp-core-mvc/floating-action-button/EJ2_ASP.NETCORE/positions.md
@@ -8,9 +8,9 @@ publishingplatform: ##Platform_Name##
 documentation: ug
 ---
 
-# Floating Action Button Positions
+# Positions in Asp.Net Core Floating Action Button Control
 
-The floating action button can be positioned anywhere on the [target](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2.Buttons.Fab.html#Syncfusion_EJ2_Buttons_Fab_Target) using the [position](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2.Buttons.Fab.html#Syncfusion_EJ2_Buttons_Fab_Position   ) property. If the `target` is not defined, then FAB is positioned based on the browser viewport.
+The floating action button can be positioned anywhere on the [Target](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2.Buttons.Fab.html#Syncfusion_EJ2_Buttons_Fab_Target) using the [Position](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2.Buttons.Fab.html#Syncfusion_EJ2_Buttons_Fab_Position   ) property. If the `Target` is not defined, then FAB is positioned based on the browser viewport.
 
 The position values of Floating Action Button are as follows:
 
@@ -54,7 +54,7 @@ Below example demonstrates different supported positions of FAB.
 
 ## Custom position
 
-You can define the custom position of the Floating Action Button by override the `top`, `left`, `right`, and `bottom` CSS properities using `cssClass`.
+You can define the custom position of the Floating Action Button by override the `top`, `left`, `right`, and `bottom` CSS properities using [CssClass](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2.Buttons.Fab.html#Syncfusion_EJ2_Buttons_Fab_CssClass).
 
 {% if page.publishingplatform == "aspnet-core" %}
 

diff --git a/ej2-asp-core-mvc/floating-action-button/EJ2_ASP.NETCORE/styles.md b/ej2-asp-core-mvc/floating-action-button/EJ2_ASP.NETCORE/styles.md
@@ -14,7 +14,7 @@ This section explains the different styles of Floating Action Button.
 
 ## FAB styles
 
-The Asp.Net Core Floating Action Button supports the following predefined styles that can be defined using the [cssClass](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2.Buttons.Fab.html#Syncfusion_EJ2_Buttons_Fab_CssClass) property. You can customize by replacing the `cssClass` property with the below defined class.
+The Asp.Net Core Floating Action Button supports the following predefined styles that can be defined using the [CssClass](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2.Buttons.Fab.html#Syncfusion_EJ2_Buttons_Fab_CssClass) property. You can customize by replacing the `CssClass` property with the below defined class.
 
 | Class | Description |
 | -------- | -------- |
@@ -36,9 +36,9 @@ The Asp.Net Core Floating Action Button supports the following predefined styles
 
 ![Asp.Net Core Floating Action Button Control with different Styles](images/Style.png)
 
-> Predefined Floating Action Button styles provide only the visual indication. So, Floating Action Button [content](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2.Buttons.Fab.html#Syncfusion_EJ2_Buttons_Fab_Content) property should define the Floating Action Button style for the users of assistive technologies such as screen readers.
+> Predefined Floating Action Button styles provide only the visual indication. So, Floating Action Button [Content](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2.Buttons.Fab.html#Syncfusion_EJ2_Buttons_Fab_Content) property should define the Floating Action Button style for the users of assistive technologies such as screen readers.
 
-## Styles Customization
+## Styles customization
 
 To modify the Floating Action Button appearance, you need to override the default CSS of Floating Action Button component. Please find the list of CSS classes and its corresponding section in Floating Action Button component. Also, you have an option to create your own custom theme for the controls using our [Theme Studio](https://blazor.syncfusion.com/themestudio/).
 
@@ -52,7 +52,7 @@ To modify the Floating Action Button appearance, you need to override the defaul
 
 ## Show text on hover
 
-By using `cssClass`, you can customize the Floating Action Button to show text on hover with applied transition effect.
+By using [CssClass](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2.Buttons.Fab.html#Syncfusion_EJ2_Buttons_Fab_CssClass), you can customize the Floating Action Button to show text on hover with applied transition effect.
 
 
 {% if page.publishingplatform == "aspnet-core" %}