From a4629e148f683300652f06b3714155f598f1d57f Mon Sep 17 00:00:00 2001
From: SenthilarasuBalu <119287329+SenthilarasuBalu@users.noreply.github.com>
Date: Mon, 8 Apr 2024 18:32:43 +0530
Subject: [PATCH 1/2] 866136: outline customization added

---
 .../styles/custom-outline/fabstyles.cs        |   4 ++++
 .../styles/custom-outline/razor               |  11 +++++++++
 .../styles/custom-outline/tagHelper           |  11 +++++++++
 .../EJ2_ASP.MVC/styles.md                     |  21 +++++++++++++++++-
 .../EJ2_ASP.NETCORE/styles.md                 |  16 +++++++++++++
 .../images/FabOutline.png                     | Bin 0 -> 9015 bytes
 6 files changed, 62 insertions(+), 1 deletion(-)
 create mode 100644 ej2-asp-core-mvc/code-snippet/floating-action-button/styles/custom-outline/fabstyles.cs
 create mode 100644 ej2-asp-core-mvc/code-snippet/floating-action-button/styles/custom-outline/razor
 create mode 100644 ej2-asp-core-mvc/code-snippet/floating-action-button/styles/custom-outline/tagHelper
 create mode 100644 ej2-asp-core-mvc/floating-action-button/images/FabOutline.png

diff --git a/ej2-asp-core-mvc/code-snippet/floating-action-button/styles/custom-outline/fabstyles.cs b/ej2-asp-core-mvc/code-snippet/floating-action-button/styles/custom-outline/fabstyles.cs
new file mode 100644
index 0000000000..598dfccffe
--- /dev/null
+++ b/ej2-asp-core-mvc/code-snippet/floating-action-button/styles/custom-outline/fabstyles.cs
@@ -0,0 +1,4 @@
+public ActionResult FabStyles()
+{
+    return View();
+}
\ No newline at end of file
diff --git a/ej2-asp-core-mvc/code-snippet/floating-action-button/styles/custom-outline/razor b/ej2-asp-core-mvc/code-snippet/floating-action-button/styles/custom-outline/razor
new file mode 100644
index 0000000000..8a0706622d
--- /dev/null
+++ b/ej2-asp-core-mvc/code-snippet/floating-action-button/styles/custom-outline/razor
@@ -0,0 +1,11 @@
+@using Syncfusion.EJ2.Buttons
+
+<div id="target" style="min-height:200px; position:relative; width:300px; border:1px solid;">
+    @Html.EJS().Fab("fab").Target("#target").IconCss("e-icons e-people").Content("Contact").CssClass("custom-css").Render()
+</div>
+<style>
+    .custom-css.e-fab.e-btn {
+        border-color: darkgrey;
+        border-width: 4px;
+    }
+</style>
\ No newline at end of file
diff --git a/ej2-asp-core-mvc/code-snippet/floating-action-button/styles/custom-outline/tagHelper b/ej2-asp-core-mvc/code-snippet/floating-action-button/styles/custom-outline/tagHelper
new file mode 100644
index 0000000000..dac66fd79b
--- /dev/null
+++ b/ej2-asp-core-mvc/code-snippet/floating-action-button/styles/custom-outline/tagHelper
@@ -0,0 +1,11 @@
+@using Syncfusion.EJ2.Buttons
+
+<div id="target" style="min-height:200px; position:relative; width:300px; border:1px solid;">
+    <ejs-fab id="fab" target="#target" cssClass="custom-css" iconCss="e-icons e-people" content="Contact"></ejs-fab>
+</div>
+<style>
+    .custom-css.e-fab.e-btn {
+        border-color: darkgrey;
+        border-width: 4px;
+    }
+</style>
\ No newline at end of file
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
index 96fd3c00a5..7613d60ed0 100644
--- 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
@@ -70,4 +70,23 @@ By using [CssClass](https://help.syncfusion.com/cr/aspnetmvc-js2/Syncfusion.EJ2.
 
 {% endif %}
 
-![Asp.Net MVC Floating Action Button control with Hover](images/onhover.png)
\ No newline at end of file
+![Asp.Net MVC Floating Action Button control with Hover](images/onhover.png)
+
+## Customized outlines
+
+By using the [CssClass](https://help.syncfusion.com/cr/aspnetmvc-js2/Syncfusion.EJ2.Buttons.Fab.html#Syncfusion_EJ2_Buttons_Fab_CssClass) property, you can customize the outline of the Floating Action Button, providing increased flexibility to adjust its appearance according to your preferences.
+
+{% if page.publishingplatform == "aspnet-mvc" %}
+
+{% tabs %}
+{% highlight razor tabtitle="CSHTML" %}
+{% include code-snippet/floating-action-button/styles/custom-outline/razor %}
+{% endhighlight %}
+{% highlight c# tabtitle="Fabstyles.cs" %}
+{% include code-snippet/floating-action-button/styles/custom-outline/fabstyles.cs %}
+{% endhighlight %}
+{% endtabs %}
+
+{% endif %}
+
+![Asp.Net MVC Floating Action Button control with Outline](images/FabOutline.png)
\ No newline at end of file
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
index 8e33b498b1..60e224d95f 100644
--- 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
@@ -66,3 +66,19 @@ By using [CssClass](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2
 {% endif %}
 
 ![Asp.Net Core Floating Action Button control with Hover](images/onhover.png)
+
+## Customized outlines
+
+By using the [CssClass](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2.Buttons.Fab.html#Syncfusion_EJ2_Buttons_Fab_CssClass) property, you can customize the outline of the Floating Action Button, providing increased flexibility to adjust its appearance according to your preferences.
+
+{% if page.publishingplatform == "aspnet-core" %}
+
+{% tabs %}
+{% highlight cshtml tabtitle="CSHTML" %}
+{% include code-snippet/floating-action-button/styles/custom-outline/tagHelper %}
+{% endhighlight %}
+{% endtabs %}
+
+{% endif %}
+
+![Asp.Net Core Floating Action Button control with Outline](images/FabOutline.png)
\ No newline at end of file
diff --git a/ej2-asp-core-mvc/floating-action-button/images/FabOutline.png b/ej2-asp-core-mvc/floating-action-button/images/FabOutline.png
new file mode 100644
index 0000000000000000000000000000000000000000..b2bd15457b52698f4f688ab123e9237f581d4126
GIT binary patch
literal 9015
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

literal 0
HcmV?d00001


From 8294d058fdb1c40533ca30e7e1973898a9ec9f11 Mon Sep 17 00:00:00 2001
From: Indrajith <93306904+IndrajithSrinivasan@users.noreply.github.com>
Date: Fri, 12 Jul 2024 16:25:42 +0530
Subject: [PATCH 2/2] 866136: Description updated

---
 ej2-asp-core-mvc/floating-action-button/EJ2_ASP.MVC/styles.md | 4 ++--
 .../floating-action-button/EJ2_ASP.NETCORE/styles.md          | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

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
index 7613d60ed0..a511b40b5e 100644
--- 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
@@ -72,9 +72,9 @@ By using [CssClass](https://help.syncfusion.com/cr/aspnetmvc-js2/Syncfusion.EJ2.
 
 ![Asp.Net MVC Floating Action Button control with Hover](images/onhover.png)
 
-## Customized outlines
+## Outline customization
 
-By using the [CssClass](https://help.syncfusion.com/cr/aspnetmvc-js2/Syncfusion.EJ2.Buttons.Fab.html#Syncfusion_EJ2_Buttons_Fab_CssClass) property, you can customize the outline of the Floating Action Button, providing increased flexibility to adjust its appearance according to your preferences.
+By using the [CssClass](https://help.syncfusion.com/cr/aspnetmvc-js2/Syncfusion.EJ2.Buttons.Fab.html#Syncfusion_EJ2_Buttons_Fab_CssClass) property, you can customize the outline color of the Floating Action Button.
 
 {% if page.publishingplatform == "aspnet-mvc" %}
 
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
index 60e224d95f..43e73e66da 100644
--- 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
@@ -67,9 +67,9 @@ By using [CssClass](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2
 
 ![Asp.Net Core Floating Action Button control with Hover](images/onhover.png)
 
-## Customized outlines
+## Outline customization
 
-By using the [CssClass](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2.Buttons.Fab.html#Syncfusion_EJ2_Buttons_Fab_CssClass) property, you can customize the outline of the Floating Action Button, providing increased flexibility to adjust its appearance according to your preferences.
+By using the [CssClass](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2.Buttons.Fab.html#Syncfusion_EJ2_Buttons_Fab_CssClass) property, you can customize the outline color of the Floating Action Button.
 
 {% if page.publishingplatform == "aspnet-core" %}