popup, treemap,treegrid, layouts and document editor were migrated

ej2-asp-core-mvc/avatar/EJ2_ASP.MVC/getting-started-asp-mvc.md

@@ -0,0 +1,64 @@
+---
+layout: post
+title: Welcome to Syncfusion Essential ##Platform_Name##
+description: Learn here all about Getting Started Asp Mvc of Syncfusion Essential ##Platform_Name## widgets based on HTML5 and jQuery.
+platform: ej2-asp-core-mvc
+control: Getting Started Asp Mvc
+publishingplatform: ##Platform_Name##
+documentation: ug
+---
+
+
+# Getting Started
+
+This section briefly explains about how to render `Avatar` component in your ASP.NET MVC application. You can
+refer [ASP.NET MVC Getting Started documentation](../getting-started) page for introduction part of
+the system requirements and configure the common specifications.
+
+> Starting with `v16.2.0.x`, if you reference Syncfusion assemblies from trial setup or from the NuGet feed, you also have to include a license key in your projects. Please refer to this [link](https://help.syncfusion.com/common/essential-studio/licensing/license-key) to know about registering Syncfusion license key in your ASP .NET MVC application to use our components.
+
+## Adding Avatar component to the Application
+
+Since the `Avatar` is a CSS component there is no need to html tag helper, the component is added by using CSS
+classes. Add the below code to your `index.cshtml` page which is present under `Views/Home` folder.
+
+```html
+<span class="e-avatar">GR</span>
+```
+
+After successful compilation of your application, simply press `F5` to run the application.
+
+The following example shows a basic Avatar.
+
+{% if page.publishingplatform == "aspnet-core" %}
+
+{% tabs %}
+{% highlight cshtml tabtitle="CSHTML" %}
+{% include code-snippet/avatar/getting-started/mvc/tagHelper %}
+{% endhighlight %}
+{% highlight c# tabtitle="HomeController.cs" %}
+{% include code-snippet/avatar/getting-started/mvc/HomeController.cs %}
+{% endhighlight %}
+{% endtabs %}
+
+{% elsif page.publishingplatform == "aspnet-mvc" %}
+
+{% tabs %}
+{% highlight razor tabtitle="CSHTML" %}
+{% include code-snippet/avatar/getting-started/mvc/razor %}
+{% endhighlight %}
+{% highlight c# tabtitle="HomeController.cs" %}
+{% include code-snippet/avatar/getting-started/mvc/HomeController.cs %}
+{% endhighlight %}
+{% endtabs %}
+{% endif %}
+
+
+
+Output be like the below.
+
+![Avatar Sample](./images/avatar.PNG)
+
+## See Also
+
+[Types of Avatar](./types)

ej2-asp-core-mvc/avatar/EJ2_ASP.MVC/getting-started.md

@@ -0,0 +1,64 @@
+---
+layout: post
+title: Welcome to Syncfusion Essential ##Platform_Name##
+description: Learn here all about Getting Started of Syncfusion Essential ##Platform_Name## widgets based on HTML5 and jQuery.
+platform: ej2-asp-core-mvc
+control: Getting Started
+publishingplatform: ##Platform_Name##
+documentation: ug
+---
+
+
+# Getting Started
+
+This section briefly explains about how to render `Avatar` component in your ASP.NET MVC application. You can
+refer [ASP.NET MVC Getting Started documentation](../getting-started) page for introduction part of
+the system requirements and configure the common specifications.
+
+> Starting with `v16.2.0.x`, if you reference Syncfusion assemblies from trial setup or from the NuGet feed, you also have to include a license key in your projects. Please refer to this [link](https://help.syncfusion.com/common/essential-studio/licensing/license-key) to know about registering Syncfusion license key in your ASP .NET MVC application to use our components.
+
+## Adding Avatar component to the Application
+
+Since the `Avatar` is a CSS component there is no need to html tag helper, the component is added by using CSS
+classes. Add the below code to your `index.cshtml` page which is present under `Views/Home` folder.
+
+```html
+<span class="e-avatar">GR</span>
+```
+
+After successful compilation of your application, simply press `F5` to run the application.
+
+The following example shows a basic Avatar.
+
+{% if page.publishingplatform == "aspnet-core" %}
+
+{% tabs %}
+{% highlight cshtml tabtitle="CSHTML" %}
+{% include code-snippet/avatar/getting-started/mvc/tagHelper %}
+{% endhighlight %}
+{% highlight c# tabtitle="HomeController.cs" %}
+{% include code-snippet/avatar/getting-started/mvc/HomeController.cs %}
+{% endhighlight %}
+{% endtabs %}
+
+{% elsif page.publishingplatform == "aspnet-mvc" %}
+
+{% tabs %}
+{% highlight razor tabtitle="CSHTML" %}
+{% include code-snippet/avatar/getting-started/mvc/razor %}
+{% endhighlight %}
+{% highlight c# tabtitle="HomeController.cs" %}
+{% include code-snippet/avatar/getting-started/mvc/HomeController.cs %}
+{% endhighlight %}
+{% endtabs %}
+{% endif %}
+
+
+
+Output be like the below.
+
+![Avatar Sample](./images/avatar.PNG)
+
+## See Also
+
+[Types of Avatar](./types)

ej2-asp-core-mvc/avatar/EJ2_ASP.NETCORE/getting-started-asp-core.md

@@ -0,0 +1,64 @@
+---
+layout: post
+title: Welcome to Syncfusion Essential ##Platform_Name##
+description: Learn here all about Getting Started Asp Core of Syncfusion Essential ##Platform_Name## widgets based on HTML5 and jQuery.
+platform: ej2-asp-core-mvc
+control: Getting Started Asp Core
+publishingplatform: ##Platform_Name##
+documentation: ug
+---
+
+
+# Getting Started
+
+This section briefly explains about how to render Avatar component in your ASP.NET Core application. You can refer [ASP.NET Core Getting Started documentation](../getting-started) page for introduction part of the system requirements and configure the common specifications.
+
+> Starting with `v16.2.0.x`, if you reference Syncfusion assemblies from trial setup or from the NuGet feed, you also have to include a license key in your projects. Please refer to this [link](https://help.syncfusion.com/common/essential-studio/licensing/license-key) to know about registering Syncfusion license key in your ASP .NET Core application to use our components.
+
+## Adding Avatar component to the Application
+
+Since the `Avatar` is a CSS component there is no need to html tag helper, the component is added by
+using CSS classes. Add the below code to your `index.cshtml` page which is present under `Views/Home` folder.
+
+```html
+<span class="e-avatar">GR</span>
+```
+
+## Run the application
+
+After successful compilation of your application, simply press `F5` to run the application.
+
+The following example shows a basic Avatar.
+
+{% if page.publishingplatform == "aspnet-core" %}
+
+{% tabs %}
+{% highlight cshtml tabtitle="CSHTML" %}
+{% include code-snippet/avatar/getting-started/core/tagHelper %}
+{% endhighlight %}
+{% highlight c# tabtitle="HomeController.cs" %}
+{% include code-snippet/avatar/getting-started/core/HomeController.cs %}
+{% endhighlight %}
+{% endtabs %}
+
+{% elsif page.publishingplatform == "aspnet-mvc" %}
+
+{% tabs %}
+{% highlight razor tabtitle="CSHTML" %}
+{% include code-snippet/avatar/getting-started/core/razor %}
+{% endhighlight %}
+{% highlight c# tabtitle="HomeController.cs" %}
+{% include code-snippet/avatar/getting-started/core/HomeController.cs %}
+{% endhighlight %}
+{% endtabs %}
+{% endif %}
+
+
+
+Output be like the below.
+
+![Avatar Sample](./images/avatar.PNG)
+
+## See Also
+
+[Types of Avatar](./types)

ej2-asp-core-mvc/avatar/EJ2_ASP.NETCORE/getting-started.md

@@ -0,0 +1,64 @@
+---
+layout: post
+title: Welcome to Syncfusion Essential ##Platform_Name##
+description: Learn here all about Getting Started of Syncfusion Essential ##Platform_Name## widgets based on HTML5 and jQuery.
+platform: ej2-asp-core-mvc
+control: Getting Started
+publishingplatform: ##Platform_Name##
+documentation: ug
+---
+
+
+# Getting Started
+
+This section briefly explains about how to render Avatar component in your ASP.NET Core application. You can refer [ASP.NET Core Getting Started documentation](../getting-started) page for introduction part of the system requirements and configure the common specifications.
+
+> Starting with `v16.2.0.x`, if you reference Syncfusion assemblies from trial setup or from the NuGet feed, you also have to include a license key in your projects. Please refer to this [link](https://help.syncfusion.com/common/essential-studio/licensing/license-key) to know about registering Syncfusion license key in your ASP .NET Core application to use our components.
+
+## Adding Avatar component to the Application
+
+Since the `Avatar` is a CSS component there is no need to html tag helper, the component is added by
+using CSS classes. Add the below code to your `index.cshtml` page which is present under `Views/Home` folder.
+
+```html
+<span class="e-avatar">GR</span>
+```
+
+## Run the application
+
+After successful compilation of your application, simply press `F5` to run the application.
+
+The following example shows a basic Avatar.
+
+{% if page.publishingplatform == "aspnet-core" %}
+
+{% tabs %}
+{% highlight cshtml tabtitle="CSHTML" %}
+{% include code-snippet/avatar/getting-started/core/tagHelper %}
+{% endhighlight %}
+{% highlight c# tabtitle="HomeController.cs" %}
+{% include code-snippet/avatar/getting-started/core/HomeController.cs %}
+{% endhighlight %}
+{% endtabs %}
+
+{% elsif page.publishingplatform == "aspnet-mvc" %}
+
+{% tabs %}
+{% highlight razor tabtitle="CSHTML" %}
+{% include code-snippet/avatar/getting-started/core/razor %}
+{% endhighlight %}
+{% highlight c# tabtitle="HomeController.cs" %}
+{% include code-snippet/avatar/getting-started/core/HomeController.cs %}
+{% endhighlight %}
+{% endtabs %}
+{% endif %}
+
+
+
+Output be like the below.
+
+![Avatar Sample](./images/avatar.PNG)
+
+## See Also
+
+[Types of Avatar](./types)

ej2-asp-core-mvc/avatar/how-to/avatar-customization.md

@@ -0,0 +1,113 @@
+---
+layout: post
+title: Welcome to Syncfusion Essential ##Platform_Name##
+description: Learn here all about Avatar Customization of Syncfusion Essential ##Platform_Name## widgets based on HTML5 and jQuery.
+platform: ej2-asp-core-mvc
+control: Avatar Customization
+publishingplatform: ##Platform_Name##
+documentation: ug
+---
+
+# Avatar Customization
+
+## Colour customization
+
+The avatar comes with default background colour (grey). This can be easily customized to desired colour by adding
+custom class or directly selecting the avatar class from the CSS.
+
+{% if page.publishingplatform == "aspnet-core" %}
+
+{% tabs %}
+{% highlight cshtml tabtitle="CSHTML" %}
+{% include code-snippet/avatar/color/tagHelper %}
+{% endhighlight %}
+{% highlight c# tabtitle="HomeController.cs" %}
+{% include code-snippet/avatar/color/HomeController.cs %}
+{% endhighlight %}
+{% endtabs %}
+
+{% elsif page.publishingplatform == "aspnet-mvc" %}
+
+{% tabs %}
+{% highlight razor tabtitle="CSHTML" %}
+{% include code-snippet/avatar/color/razor %}
+{% endhighlight %}
+{% highlight c# tabtitle="HomeController.cs" %}
+{% include code-snippet/avatar/color/HomeController.cs %}
+{% endhighlight %}
+{% endtabs %}
+{% endif %}
+
+
+
+Output be like the below.
+
+![Avatar Color](../images/color.PNG)
+
+## Customize avatar sizes
+
+Even though the avatar comes with five predefined sizes, sometimes it's not enough. So, the avatar is designed in such
+a way that the width and height will be relative to font-size. By changing the `font-size` of the avatar element, you can
+change the width and height automatically.
+
+{% if page.publishingplatform == "aspnet-core" %}
+
+{% tabs %}
+{% highlight cshtml tabtitle="CSHTML" %}
+{% include code-snippet/avatar/custom-size/tagHelper %}
+{% endhighlight %}
+{% highlight c# tabtitle="HomeController.cs" %}
+{% include code-snippet/avatar/custom-size/HomeController.cs %}
+{% endhighlight %}
+{% endtabs %}
+
+{% elsif page.publishingplatform == "aspnet-mvc" %}
+
+{% tabs %}
+{% highlight razor tabtitle="CSHTML" %}
+{% include code-snippet/avatar/custom-size/razor %}
+{% endhighlight %}
+{% highlight c# tabtitle="HomeController.cs" %}
+{% include code-snippet/avatar/custom-size/HomeController.cs %}
+{% endhighlight %}
+{% endtabs %}
+{% endif %}
+
+
+
+Output be like the below.
+
+![Avatar Size](../images/customization.PNG)
+
+## Use various media in avatar
+
+Avatars can be used with a wide variety of media formats like SVG, font-icons, images, letters, words, etc. Some of them are given below.
+
+{% if page.publishingplatform == "aspnet-core" %}
+
+{% tabs %}
+{% highlight cshtml tabtitle="CSHTML" %}
+{% include code-snippet/avatar/media-formats/tagHelper %}
+{% endhighlight %}
+{% highlight c# tabtitle="HomeController.cs" %}
+{% include code-snippet/avatar/media-formats/HomeController.cs %}
+{% endhighlight %}
+{% endtabs %}
+
+{% elsif page.publishingplatform == "aspnet-mvc" %}
+
+{% tabs %}
+{% highlight razor tabtitle="CSHTML" %}
+{% include code-snippet/avatar/media-formats/razor %}
+{% endhighlight %}
+{% highlight c# tabtitle="HomeController.cs" %}
+{% include code-snippet/avatar/media-formats/HomeController.cs %}
+{% endhighlight %}
+{% endtabs %}
+{% endif %}
+
+
+
+Output be like the below.
+
+![Media Format](../images/media.PNG)