Skip to content

SEO-2971 - ASP.NET Webforms controls images alt text #292

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
Aishwarya-Ganesan merged 2 commits into from
Jan 12, 2023
Merged

SEO-2971 - ASP.NET Webforms controls images alt text #292

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
a6c1c7d
images renamed
Sharly-Atieno Dec 19, 2022
4438e35
images reduce sizes
Sharly-Atieno Dec 19, 2022
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
24 changes: 12 additions & 12 deletions aspnet/Grid/Responsive.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,13 +1,13 @@
---
layout: post
title: Responsive with Grid widget for Syncfusion ASP.NET
description: How to set the grid, responsive to screen resolutions
title: Responsive in ASP.NET Webforms Grid Control | Syncfusion
description: Learn here all about Responsive support in Syncfusion Essential ASP.NET Webforms Grid control, its elements, and more.
platform: aspnet
control: Grid
documentation: ug
---

# Responsive
# Responsive in Essential ASP.NET Webforms Grid

The Grid control has support for responsive behavior based on the client browser's width and height. To enable responsive, the `IsResponsive` property should be true. In Desktop and Tablet mode, to render scroller set `MinWidth` property. There are three modes of responsive layout is available in grid based on client width. They are.

Expand Down Expand Up @@ -64,7 +64,7 @@ Enabling responsive row makes the grid to render the record values in vertical o
{% endtabs %}


![](Responsive_images/Responsive_img1.png)
![Responsive Row in ASP.NET Webforms Grid](Responsive_images/Responsive_img1.png)


W> IE8 and IE9 does not support responsive row. The `ejgrid.responsive.css` should be referred to display responsive row.
Expand All @@ -73,31 +73,31 @@ W> IE8 and IE9 does not support responsive row. The `ejgrid.responsive.css` shou

The customized layout for filtering, sorting, searching and CRUD operations in mobile device can be seen in the following screen shots.

![](Responsive_images/Responsive_img2.png)
![Customized Layout in ASP.NET Webforms Grid](Responsive_images/Responsive_img2.png)
{:caption}
Responsive row with filtering , sorting and searching

![](Responsive_images/Responsive_img3.png)
![Mobile Layout in ASP.NET Webforms Grid](Responsive_images/Responsive_img3.png)

{:caption}
CRUD in mobile layout

![](Responsive_images/Responsive_img4.png)
![CRUD Operation in ASP.NET Webforms Grid](Responsive_images/Responsive_img4.png)

{:caption}
Filtering in mobile layout

![](Responsive_images/Responsive_img5.png)
![Filtering Operation in ASP.NET Webforms Grid](Responsive_images/Responsive_img5.png)
{:caption}

Filtering in mobile layout

![](Responsive_images/Responsive_img6.png)
![Sorting Operation in ASP.NET Webforms Grid](Responsive_images/Responsive_img6.png)

{:caption}
Sorting in mobile layout

![](Responsive_images/Responsive_img7.png)
![Searching Operation in ASP.NET Webforms Grid](Responsive_images/Responsive_img7.png)
{:caption}

Searching in mobile layout
Expand Down Expand Up @@ -193,12 +193,12 @@ If the client width is between 321px and 800px, then the grid will render in tab
{% endhighlight %}
{% endtabs %}

![](Responsive_images/Responsive_img8.png)
![Tab Layout in ASP.NET Webforms Grid](Responsive_images/Responsive_img8.png)
{:caption}

Default tab layout

![](Responsive_images/Responsive_img9.png)
![Filtering Design in ASP.NET Webforms Grid](Responsive_images/Responsive_img9.png)

{:caption}
Filtering design in tab layout.
Expand Down
Binary file modified aspnet/Grid/Responsive_images/Responsive_img1.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified aspnet/Grid/Responsive_images/Responsive_img4.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified aspnet/Grid/Responsive_images/Responsive_img6.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
36 changes: 18 additions & 18 deletions aspnet/ReportDesigner/Getting-Started.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,13 +1,13 @@
---
layout: post
title: Getting Started | ReportDesigner | ASP.NET | Syncfusion
description: getting started
description: Learn here all about Getting Started in Syncfusion Essential ASP.NET Webforms Report Designer control, its elements, and more.
platform: aspnet
control: ReportDesigner
documentation: ug
---

# Getting Started
# Getting Started with ASP.NET Webforms Report Designer

This section explains briefly about how to create a ReportDesigner in your ASP.NET web application.

Expand All @@ -17,7 +17,7 @@ The following screenshots displays the Project Creation Wizard in Visual Studio

Open Visual Studio and create a new project by clicking `New Project`. Select the **Web** category, select the ASP.NET Web Forms Application template, and then click `OK`. The following screenshot displays the Project Creation Wizard.

![](Getting-Started_images/Getting-Started_img1.png)
![Getting Started with ASP.NET Webforms Report Designer](Getting-Started_images/Getting-Started_img1.png)

Project Creation Wizard
{:.caption}
Expand All @@ -26,7 +26,7 @@ Project Creation Wizard

1. In the Solution Explorer, right-click the `References` folder and then click `Add Reference`.

![](Getting-Started_images/Getting-Started_img4.png)
![Add Assembly References in ASP.NET Webforms Report Designer](Getting-Started_images/Getting-Started_img4.png)

2. Add the following Syncfusion assemblies to the project that are necessary for using the report designer control and click OK.

Expand All @@ -46,7 +46,7 @@ Project Creation Wizard

> Refer the above assemblies from the installed location, [Installed Location]:\Program Files (x86)\Syncfusion\Essential Studio\ASP.NET\{{ site.releaseversion }}\Assemblies

3. Add the following WebAPI assemblies from [NuGet package](https://www.nuget.org/packages/Microsoft.AspNet.WebApi/ "Web NuGet Package Details").
3. Add the following WebAPI assemblies from [NuGet package](https://www.nuget.org/packages/Microsoft.AspNet.WebApi/).

* System.Web.Http
* System. Web.Http.WebHost
Expand All @@ -61,22 +61,22 @@ To create a new Web Forms in the application

1. Right-Click on the project and select `Add` then click `New Item`.

![](Getting-Started_images/Getting-Started_img2.png)
![Select Add in ASP.NET Webforms Report Designer](Getting-Started_images/Getting-Started_img2.png)

2. Select `Web Form` from the listed templates and name the page as **Default.aspx**.

![](Getting-Started_images/Getting-Started_img3.png)
![Default in ASP.NET Webforms Report Designer](Getting-Started_images/Getting-Started_img3.png)

Adding Web Forms
{:.caption}

3.  Click Add.

![](Getting-Started_images/Getting-Started_img14.png)
![Click Add Getting Started with ASP.NET Webforms Report Designer](Getting-Started_images/Getting-Started_img14.png)

## Add Scripts and Styles

For complete dependencies list of report designer control [Click here](/aspnet/ReportDesigner/Dependencies).
For complete dependencies list of report designer control [Click_here](/aspnet/ReportDesigner/Dependencies).

Add the script files and theme files in the <head> tag of the Default.aspx page.

Expand Down Expand Up @@ -146,14 +146,14 @@ To add the control, we can use either of the following two ways:

You just need to drag the required control from the toolbox and then drop it into the body section of the Default.aspx page, so that the required control code gets generated automatically and also the required dependent assembly get registered automatically.

![](Getting-Started_images/Getting-Started_img5.png)
![Drag Toolbar in ASP.NET Webforms Report Designer](Getting-Started_images/Getting-Started_img5.png)

ReportDesigner Control in Toolbox
{:.caption}

2. When you drag and drop the Report Designer control into the Default.aspx page, the page looks as the image shown in the following with the automatic control code generated and the required assemblies registered.

![](Getting-Started_images/Getting-Started_img10.png)
![Drop Toolbar in ASP.NET Webforms Report Designer](Getting-Started_images/Getting-Started_img10.png)

3. Set the desired `ServiceUrl` to ReportDesigner.

Expand Down Expand Up @@ -237,15 +237,15 @@ The ASP.NET ReportDesigner uses WebApi services to process the report file and p

1. Right-Click on the project and select `Add` then click `New Item`.

![](Getting-Started_images/Getting-Started_img2.png)
![Add Controller in ASP.NET Webforms Report Designer](Getting-Started_images/Getting-Started_img2.png)

2. Select `Web API Controller Class` from the listed templates and name the controller as **ReportDesignerController.cs**.

![](Getting-Started_images/Getting-Started_img7.png)
![Select Web API Controller in ASP.NET Webforms Report Designer](Getting-Started_images/Getting-Started_img7.png)

3. Click Add.

![](Getting-Started_images/Getting-Started_img12.png)
![Click Add Application in ASP.NET Webforms Report Designer](Getting-Started_images/Getting-Started_img12.png)

#### Inherit IReportDesignerController

Expand Down Expand Up @@ -367,15 +367,15 @@ If `Global Application Class` file already exists in your application skip the b

1. Right-Click on the project and select `Add` then click `New Item`.

![](Getting-Started_images/Getting-Started_img2.png)
![Add Global Application in ASP.NET Webforms Report Designer](Getting-Started_images/Getting-Started_img2.png)

2. Select `Global Application Class` from the listed templates and name it as `Global.asax`.

![](Getting-Started_images/Getting-Started_img8.png)
![Global Application Class in ASP.NET Webforms Report Designer](Getting-Started_images/Getting-Started_img8.png)

3. Click Add.

![](Getting-Started_images/Getting-Started_img13.png)
![Add in ASP.NET Webforms Report Designer](Getting-Started_images/Getting-Started_img13.png)

#### Route WebAPI

Expand Down Expand Up @@ -412,4 +412,4 @@ namespace ReportDesignerSample

Run the sample application and you can see the ReportDesigner on the page as displayed in the following screenshot.

![](Getting-Started_images/Getting-Started_img9.png)
![Run The Application in ASP.NET Webforms Report Designer](Getting-Started_images/Getting-Started_img9.png)
22 changes: 11 additions & 11 deletions aspnet/SpreadSheet/Worksheet.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,13 +1,13 @@
---
layout: post
title: Worksheets with Spreadsheet widget for Syncfusion Essential JS
description: How to use and customize the Spreadsheet Worksheet
title: Worksheets in ASP.NET Webforms Spreadsheet Control | Syncfusion
description: Learn here all about Worksheet support in Syncfusion Essential ASP.NET Webforms Spreadsheet control, its elements, and more.
platform: aspnet
control: Spreadsheet
documentation: ug
---

# Worksheet
# Worksheet in Essential ASP.NET Webforms Spreadsheet

Worksheet is a collection of cells organized in the form of rows and columns that allow us to store, format, manipulate and display data in grid format. You can create multiple sheets in Spreadsheet and use sheet tab for switching between those worksheets. By default Spreadsheet creates single worksheet since default `SheetCount` value is `1`.

Expand Down Expand Up @@ -60,7 +60,7 @@ The following code example describes the above behavior.
{% endhighlight %}

The following output is displayed as a result of the above code example.
![](Worksheet_images/Worksheet_img1.png)
![Insert Sheet in ASP.NET Webforms Spreadsheet](Worksheet_images/Worksheet_img1.png)

### Copy

Expand All @@ -84,7 +84,7 @@ The following code example describes the above behavior.
{% endhighlight %}

The following output is displayed as a result of the above code example.
![](Worksheet_images/Worksheet_img2.png)
![Copy Existing Worksheet in ASP.NET Webforms Spreadsheet](Worksheet_images/Worksheet_img2.png)

### Move

Expand All @@ -108,7 +108,7 @@ The following code example describes the above behavior.
{% endhighlight %}

The following output is displayed as a result of the above code example.
![](Worksheet_images/Worksheet_img3.png)
![Move Existing Worksheet in ASP.NET Webforms Spreadsheet](Worksheet_images/Worksheet_img3.png)

### Remove

Expand All @@ -134,7 +134,7 @@ The following code example describes the above behavior.
{% endhighlight %}

The following output is displayed as a result of the above code example.
![](Worksheet_images/Worksheet_img4.png)
![Remove Existing Worksheet in ASP.NET Webforms Spreadsheet](Worksheet_images/Worksheet_img4.png)

### Rename

Expand All @@ -158,7 +158,7 @@ The following code example describes the above behavior.
{% endhighlight %}

The following output is displayed as a result of the above code example.
![](Worksheet_images/Worksheet_img5.png)
![Rename Existing Worksheet in ASP.NET Webforms Spreadsheet](Worksheet_images/Worksheet_img5.png)

## Headers

Expand All @@ -178,7 +178,7 @@ The following code example describes the above behavior.
{% endhighlight %}

The following output is displayed as a result of the above code example.
![](Worksheet_images/Worksheet_img6.png)
![Headers in ASP.NET Webforms Spreadsheet](Worksheet_images/Worksheet_img6.png)

## Show/Hide Sheets

Expand All @@ -205,7 +205,7 @@ The following code example describes the above behavior.
{% endhighlight %}

The following output is displayed as a result of the above code example.
![](Worksheet_images/Worksheet_img7.png)
![Show and Hide Sheet in ASP.NET Webforms Spreadsheet](Worksheet_images/Worksheet_img7.png)

## Show/Hide Gridlines

Expand All @@ -225,4 +225,4 @@ The following code example describes the above behavior.
{% endhighlight %}

The following output is displayed as a result of the above code example.
![](Worksheet_images/Worksheet_img8.png)
![Show and Hide Gridlines in ASP.NET Webforms Spreadsheet](Worksheet_images/Worksheet_img8.png)