DOCINFRA-2341_merged_using_automation

ej2-asp-core-mvc/EJ2_ASP.NETCORE/installation/mac-installer/how-to-download.md

@@ -38,7 +38,7 @@ Our 30-day trial can be downloaded in two ways.
 
     ![Start Trial download](images/start-trial-download-installer.png)
 
-6. Click the More Download Options (element 2 in above screenshot) button to get the Essential Studio ASP. NET Core  - EJ2 Offline trial installer which is available in PKG format.
+6. Click the More Download Options (element 2 in above screenshot) button to get the Essential Studio ASP. NET Core  - EJ2 Offline trial installer which is available in DMG format.
 
    ![License and downloads of Syncfusion Essential Studio](images/Mac_Download.PNG)
 
@@ -73,7 +73,7 @@ You should initiate an evaluation if you have already obtained our components th
    ![License and downloads of Syncfusion Essential Studio](images/license-download.png)
 
 4. Unlock key is not required to install the Syncfusion Flutter Mac trial installer.   
-5. For Mac OS, PKG formats is available for download.
+5. For Mac OS, DMG formats is available for download.
 
    ![License and downloads of Syncfusion Essential Studio](images/Mac_Download.PNG)
 

ej2-asp-core-mvc/EJ2_ASP.NETCORE/installation/mac-installer/how-to-install.md

@@ -20,59 +20,43 @@ The Essential Studio ASP.NET Core EJ2 Mac installer allows you to create the ASP
 
    If you receive this alert, follow the below steps for the easiest solution.   
 
-   1.	Right-click the downloaded pkg file.
-   2.	Select the "Open With" option and choose "Installer (Default)". The following pop-up appears.
+   1.	Right-click the downloaded dmg file.
+   2.	Select the "Open With" option and choose "DiskImageMounter (Default)". The following pop-up appears.
 
 	    ![pop-up Image](images/Mac_Catalina_MacOS_Alert2.png)
 
    3.	When you click "Open" the installer window will be opened.
 
 ## Step-by-Step Installation
 
-The steps below shows how to install the Essential Studio ASP.NET Core - EJ2 Mac installer. 
+The steps below shows how to install the Essential Studio ASP.NET Core - EJ2 Mac installer.
 
-1. Double-click the Syncfusion Essential Studio ASP.NET Core - EJ2 Mac installer(.pkg) file. The installer Wizard opens. Click Continue.
+1. Locate the downloaded dmg file and open the file by double click on it.
 
    ![Welcome wizard](images/Mac_Installer1.png)
-
 
-2. The Software License Agreement wizard will appear. Click the Continue button.
+2. This action will automatically mount the disk image and create a virtual drive on your desktop or in the Finder sidebar.
 
-   ![License Agreement](images/Mac_Installer2.png)   
-
+   ![License Agreement](images/Mac_Installer2.png)
 
-3. The License Agreement's Confirmation window will appear. If you have read the Software License Agreement, click **Agree**.
+3. Copy the mounted disk file.
 
    ![License Agree Confirmation](images/Mac_Installer3.png)
-
-   N> The Unlock key is not required to install the Mac installer. The Syncfusion Essential Studio ASP.NET Core - EJ2 Mac installer can be used for development purposes without registering the Unlock key.
-
-
-4. The Destination select wizard will appear. You can choose which disc to install the Syncfusion Essential Studio for ASP.NET Core - EJ2 Mac installer on here.
-
-   ![Destination](images/Mac_Installer4.png)
 
-5. The Installation Type wizard will appear. Click Install to begin the standard installation of the Syncfusion Essential Studio ASP.NET Core - EJ2 Mac installer.
+4. And paste it in "Applications" folder shortcut.
 
-   ![Install Location](images/Mac_Installer5.png)
+   ![License Agree Confirmation](images/Mac_Installer4.png)
+
+   N> The Unlock key is not required to install the Mac installer. The Syncfusion Essential Studio ASP.NET Core - EJ2 Mac installer can be used for development purposes without registering the Unlock key.
 
-6. The Authentication window will appear. To begin the installation, enter the Mac machine's password and click **Install Software**.
 
-   ![Authentication](images/Mac_Installer6.png)
+5. Now you can open the folder to explore the Syncfusion Essential Studio Mac installer.
 
-7. The installation process will begin on your machine. 
-
-   ![Installation progress](images/Mac_Installer7.png)
-
-8. Once the installation is complete, the completed screen will be displayed. To exit the installation wizard, click Close. 
+   ![Destination](Images/destination.JPG)
 
-   ![Installation Completed](images/Mac_Installer8.png)
-
-   By default, Mac installer will install the files in following location.
+6. To remove the DMG file, Right-click on the virtual drive on your desktop or in the Finder sidebar and select "Eject." Also delete the folder from the Applications.
 
-   **Location:** {Documents}/Syncfusion/ {version}/ {platform}
-
-   ![Installed Location](images/Mac_Installer9.png)
+   ![Install Location](images/Mac_Installer6.png)
 
 ## License key registration in samples
 

ej2-asp-core-mvc/Release-notes/26.1.42.md

@@ -0,0 +1,16 @@
+---
+title: Essential Studio for ##Platform_Name## Weekly Release Release Notes  
+description: Essential Studio for ##Platform_Name## Weekly Release Release Notes  
+platform: ej2-asp-core-mvc
+documentation: ug
+---
+
+# Essential Studio for ##Platform_Name##  Release Notes  
+
+{% include release-info.html date="July 16, 2024"  version="v26.1.42" %}
+
+{% directory path: _includes/release-notes/v26.1.42 %}
+
+{% include {{file.url}} %}
+
+{% enddirectory %}

ej2-asp-core-mvc/Release-notes/26.2.5.md

@@ -0,0 +1,16 @@
+---
+title: Essential Studio for ##Platform_Name## Weekly Release Release Notes  
+description: Essential Studio for ##Platform_Name## Weekly Release Release Notes  
+platform: ej2-asp-core-mvc
+documentation: ug
+---
+
+# Essential Studio for ##Platform_Name##  Release Notes  
+
+{% include release-info.html date="July 26, 2024"  version="v26.2.5" %}
+
+{% directory path: _includes/release-notes/v26.2.5 %}
+
+{% include {{file.url}} %}
+
+{% enddirectory %}

ej2-asp-core-mvc/carousel/how-to/load-images-in-webp-format.md

@@ -0,0 +1,34 @@
+---
+layout: post
+title: Load webp format image in ##Platform_Name## Accordion Control | Syncfusion
+description: Learn here all about how to load webp format image in Syncfusion ##Platform_Name## Accordion control of Syncfusion Essential JS 2 and more.
+platform: ej2-asp-core-mvc
+control: Load images in webp format  
+publishingplatform: ##Platform_Name##
+documentation: ug
+---
+
+
+# Load webp format image in Carousel component
+
+You can load the carousel image in the webp format, which aims to create smaller, better-looking images. Choosing webp as your image format can significantly improve your website's performance without sacrificing visual quality. webp images are significantly smaller in file size compared to formats like JPEG and PNG. This results in faster load times and less data usage. To achieve this, you can convert your image format to webp and pass them to Carousel items. The following sample illustrates how to load a carousel image in the webp format component.
+
+{% if page.publishingplatform == "aspnet-core" %}
+
+{% tabs %}
+{% highlight cshtml tabtitle="CSHTML" %}
+{% include code-snippet/carousel/how-to/carousel-webp/tagHelper %}
+{% endhighlight %}
+{% endtabs %}
+
+{% elsif page.publishingplatform == "aspnet-mvc" %}
+
+{% tabs %}
+{% highlight razor tabtitle="CSHTML" %}
+{% include code-snippet/carousel/how-to/carousel-webp/razor %}
+{% endhighlight %}
+{% highlight c# tabtitle="Wizard.cs" %}
+{% include code-snippet/carousel/how-to/carousel-webp/carousel-webp.cs %}
+{% endhighlight %}
+{% endtabs %}
+{% endif %}

ej2-asp-core-mvc/code-snippet/carousel/how-to/carousel-webp/carousel-webp.cs

@@ -0,0 +1,4 @@
+public ActionResult Index()
+{
+    return View();
+}

ej2-asp-core-mvc/code-snippet/carousel/how-to/carousel-webp/razor

@@ -0,0 +1,55 @@
+@using Syncfusion.EJ2.Navigations;
+
+<div class="container">
+    <div class="control-container">
+        @(Html.EJS().Carousel("defaultCarousel").PartialVisible(true).Items(new List<CarouselItem> {
+            new CarouselItem { Template = "#itemTemplate1"  },
+            new CarouselItem { Template = "#itemTemplate2"  },
+            new CarouselItem { Template = "#itemTemplate3"  },
+            })
+            .Render()
+        )
+    </div>
+</div>
+<script id="itemTemplate1" type="text/x-template">
+    <figure class="img-container">
+        <img src="https://www.gstatic.com/webp/gallery/1.webp" alt="Majestic Valley View" style="height:100%;width:100%;" />
+        <figcaption class="img-caption">Majestic Valley View</figcaption>
+    </figure>
+</script>
+
+<script id="itemTemplate1" type="text/x-template">
+    <figure class="img-container">
+        <img src="https://www.gstatic.com/webp/gallery/2.webp" alt="Thrilling Rapids Adventure" style="height:100%;width:100%;" />
+        <figcaption class="img-caption">Thrilling Rapids Adventure</figcaption>
+    </figure>
+</script>
+
+<script id="itemTemplate1" type="text/x-template">
+    <figure class="img-container">
+        <img src="https://www.gstatic.com/webp/gallery/3.webp" alt="Snowy Stroll" style="height:100%;width:100%;" />
+        <figcaption class="img-caption">Snowy Stroll</figcaption>
+    </figure>
+</script>
+<style>
+    .control-container {
+        background-color: #e5e5e5;
+        height: 360px;
+        margin: 0 auto;
+        width: 600px;
+    }
+
+    .img-container {
+        height: 100%;
+        margin: 0;
+    }
+
+    .img-caption {
+        color: #fff;
+        font-size: 1rem;
+        position: absolute;
+        bottom: 3rem;
+        width: 100%;
+        text-align: center;
+    }
+</style>

ej2-asp-core-mvc/code-snippet/carousel/how-to/carousel-webp/tagHelper

@@ -0,0 +1,54 @@
+<div class="container">
+    <div class="control-container">
+        <ejs-carousel id="defaultCarousel">
+            <e-carousel-items>
+                <e-carousel-item template="#templateItem1"></e-carousel-item>
+                <e-carousel-item template="#templateItem2"></e-carousel-item>
+                <e-carousel-item template="#templateItem3"></e-carousel-item>
+            </e-carousel-items>
+        </ejs-carousel>
+    </div>
+</div>
+<script id="templateItem1" type="text/x-template">
+    <figure class="img-container">
+        <img src="https://www.gstatic.com/webp/gallery/1.webp" alt="Majestic Valley View" style="height:100%;width:100%;" />
+        <figcaption class="img-caption">Majestic Valley View</figcaption>
+    </figure>
+</script>
+
+<script id="templateItem2" type="text/x-template">
+    <figure class="img-container">
+        <img src="https://www.gstatic.com/webp/gallery/2.webp" alt="Thrilling Rapids Adventure" style="height:100%;width:100%;" />
+        <figcaption class="img-caption">Thrilling Rapids Adventure</figcaption>
+    </figure>
+</script>
+
+<script id="templateItem3" type="text/x-template">
+    <figure class="img-container">
+        <img src="https://www.gstatic.com/webp/gallery/3.webp" alt="Snowy Stroll" style="height:100%;width:100%;" />
+        <figcaption class="img-caption">Snowy Stroll</figcaption>
+    </figure>
+</script>
+<style>
+    .control-container {
+        background-color: #e5e5e5;
+        height: 360px;
+        margin: 0 auto;
+        width: 600px;
+    }
+
+    .img-container {
+        height: 100%;
+        margin: 0;
+    }
+
+    .img-caption {
+        color: #fff;
+        font-size: 1rem;
+        position: absolute;
+        bottom: 3rem;
+        width: 100%;
+        text-align: center;
+    }
+
+</style>

ej2-asp-core-mvc/code-snippet/grid/cell/autowrap/razor

@@ -1,10 +1,22 @@
-@Html.EJS().Grid("AutoWrap").DataSource((IEnumerable<object>)ViewBag.dataSource).AllowTextWrap().Columns(col =>
+	<div style="display: flex">
+		<label style="padding: 10px 10px 26px 0"> Change the wrapmode of auto wrap feature: </label>
+		<span style="height:fit-content">
+			@Html.EJS().DropDownList("Wrap").Width("180px").DataSource(new List<object> { "Both", "Content" }).Change("change").Render()
+		</span>
+	</div>
+	@Html.EJS().Grid("Grid").DataSource((IEnumerable<object>)ViewBag.dataSource).AllowTextWrap().Columns(col =>
 {
+	col.Field("Inventor").HeaderText("Inventor Name").Width("150").Add();
 
-   col.Field("NumberofPatentFamilies").HeaderText("NumberofPatentFamilies").Width("120").TextAlign(Syncfusion.EJ2.Grids.TextAlign.Right).Add();
-   col.Field("Inventor").HeaderText("Inventor").Width("150").Add();
-   col.Field("NumberofINPADOCpatents").HeaderText("NumberofINPADOCpatents").Width("120").TextAlign(Syncfusion.EJ2.Grids.TextAlign.Right).Add();
-   col.Field("Mainfieldsofinvention").HeaderText("Mainfieldsofinvention").Width("150").Add();
-   col.Field("Active").HeaderText("Active").Width("150").Add();
+	col.Field("NumberOfPatentFamilies").HeaderText("Number of Patent Families").Width("120").TextAlign(Syncfusion.EJ2.Grids.TextAlign.Right).Add();
+	col.Field("Country").HeaderText("Country").Width("150").Add();
+	col.Field("Active").HeaderText("Active").Width("150").Add();
 
-}).AllowPaging().TextWrapSettings(text => { text.WrapMode(Syncfusion.EJ2.Grids.WrapMode.Content);}).Render()
+}).TextWrapSettings(text => { text.WrapMode(Syncfusion.EJ2.Grids.WrapMode.Content); }).Render()
+
+<script>
+	function change(args) {
+		var grid = document.getElementById("Grid").ej2_instances[0];
+		grid.textWrapSettings.wrapMode = args.value;
+	}
+</script>

ej2-asp-core-mvc/code-snippet/grid/cell/autowrap/tagHelper

@@ -1,10 +1,22 @@
-<ejs-grid id="Grid" dataSource="@ViewBag.DataSource" gridLines="Default" height="315" allowTextWrap="true">
-    <e-grid-textwrapsettings wrapMode="Content"></e-grid-textwrapsettings>
+<div style="display: flex">
+    <label style="padding: 10px 10px 26px 0"> Change the wrapmode of auto wrap feature: </label>
+    <span style="height:fit-content">
+<ejs-dropdownlist id="dropdown" dataSource="@ViewBag.dropdownData" change="Change"></ejs-dropdownlist>
+</span>
+</div>
+<ejs-grid id="Grid" dataSource="@ViewBag.DataSource" allowTextWrap=true>
+<e-grid-textwrapsettings wrapMode="Content"></e-grid-textwrapsettings>
     <e-grid-columns>
-        <e-grid-column field="RoolNo" headerText="Rool No"  textAlign="Right" width="120"></e-grid-column>
-        <e-grid-column field="Name" headerText="Name of the inventor"  width="100"></e-grid-column>                
-        <e-grid-column field="patentfamilies" headerText="No of patentfamilies"  width="130"></e-grid-column>
-        <e-grid-column field="Country" headerText="Country" width="130"></e-grid-column>
-        <e-grid-column field="mainfields" headerText="Main fields of Invention" width="150"></e-grid-column>
+        <e-grid-column field="Inventor" headerText="Inventor Name" textAlign="Right" width="120"></e-grid-column>
+        <e-grid-column field="NumberOfPatentFamilies" headerText="Number of Patent families" textAlign="Right" width="120"></e-grid-column>
+        <e-grid-column field="Country" headerText="Country" width="150"></e-grid-column>
+        <e-grid-column field="Active" headerText="Active" textAlign="Right" width="150"></e-grid-column>
     </e-grid-columns>
- </ejs-grid>
+</ejs-grid>
+
+<script type="text/javascript">
+    function Change(args) {
+        var grid = document.getElementById("Grid").ej2_instances[0];
+        grid.textWrapSettings.wrapMode = args.value;
+    }
+</script>

ej2-asp-core-mvc/code-snippet/grid/cell/clipmode/clipmode.cs

@@ -1,6 +1,7 @@
 public IActionResult Index()
 {
-    var Order = OrderDetails.GetAllRecords();
+    var Order = InventorDetails.GetAllRecords();
     ViewBag.DataSource = Order;
+    ViewBag.dropdownData = new string[] { "Clip", "Ellipsis", "EllipsisWithTooltip" };
     return View();
-} 
+}

ej2-asp-core-mvc/code-snippet/grid/cell/clipmode/razor

@@ -1,8 +1,24 @@
- @Html.EJS().Grid("ClipMode").DataSource((IEnumerable<object>)ViewBag.dataSource).Columns(col =>
-   {
-       col.Field("NumberofPatentFamilies").HeaderText("NumberofPatentFamilies").Width("120").TextAlign(Syncfusion.EJ2.Grids.TextAlign.Right).Add();
-       col.Field("Inventor").HeaderText("Inventor").ClipMode(Syncfusion.EJ2.Grids.ClipMode.Clip).Width("150").Add();
-       col.Field("NumberofINPADOCpatents").ClipMode(Syncfusion.EJ2.Grids.ClipMode.Ellipsis).HeaderText("NumberofINPADOCpatents").Width("120").TextAlign(Syncfusion.EJ2.Grids.TextAlign.Right).Add();
-       col.Field("Mainfieldsofinvention").ClipMode(Syncfusion.EJ2.Grids.ClipMode.EllipsisWithTooltip).HeaderText("Mainfieldsofinvention").Width("150").Add();
-       col.Field("Active").HeaderText("Active").Width("150").Add();
-   }).AllowPaging().Render()
+
+	<div style="display: flex">
+		<label style="padding: 10px 10px 26px 0">Change the clip mode: </label>
+		<span style="height:fit-content">
+			@Html.EJS().DropDownList("ClipMode").Width("180px").DataSource(new List<object> { "Clip", "Ellipsis", "EllipsisWithTooltip" }).Change("change").Render()
+		</span>
+
+	</div>
+	@Html.EJS().Grid("Grid").DataSource((IEnumerable<object>)ViewBag.dataSource).Columns(col =>
+	  {
+		  col.Field("NumberOfPatentFamilies").HeaderText("NumberofPatentFamilies").Width("120").TextAlign(Syncfusion.EJ2.Grids.TextAlign.Right).Add();
+		  col.Field("Inventor").HeaderText("Inventor").Width("150").Add();
+		  col.Field("NumberOfINPADOCPatents").HeaderText("NumberofINPADOCpatents").Width("120").TextAlign(Syncfusion.EJ2.Grids.TextAlign.Right).Add();
+		  col.Field("MainFieldsOfInvention").HeaderText("Mainfieldsofinvention").Width("150").Add();
+		  col.Field("Active").HeaderText("Active").Width("150").Add();
+	  }).Render()
+
+<script>
+	function change(args) {
+		var grid = document.getElementById("Grid").ej2_instances[0];
+		grid.getColumnByField('MainFieldsOfInvention').clipMode = args.value;
+		grid.refresh();
+	}
+</script>