Category - HTML
Results 61 - 80 of 208
03 Apr 2019 03 Apr 2019 0 Comments  34283 Views
Here Mudassar Ahmed Khan has explained with an example, how to create HTML Table using StringBuilder in ASP.Net using C# and VB.Net.

This article will illustrate how to first generate an HTML String of HTML Table from a DataTable using StringBuilder class and then assign the HTML String to a Literal control and display it on Web Page in ASP.Net using C# and VB.Net.
28 Mar 2019 28 Mar 2019 1 Comments  16515 Views
Here Mudassar Ahmed Khan has explained with an example, how to send DataGridView to Email in Windows Forms (WinForms) Application using C# and VB.Net.

First a DataGridView will be populated with some data and then an HTML Table will be generated using the values from the DataGridView.

Finally, the HTML Table string will be used to send the DataGridView’s data to Email in Windows Forms (WinForms) Application using C# and VB.Net.
27 Feb 2019 27 Feb 2019 0 Comments  14311 Views
HTML  JSON  Table  AngularJS  Arrays  Image
Here Mudassar Ahmed Khan has explained with an example, how to display Images inside ng-repeat directive in AngularJS.

The ng-src directive is used along with Image elements in order to display Images from Model in AngularJS.

The Image will be stored in a Folder (Directory) on the Server and will be displayed by assigning the Path (URL) of the Image to the ng-src directive in AngularJS.
27 Feb 2019 27 Feb 2019 0 Comments  5107 Views
HTML  JSON  Table  AngularJS  Arrays  Image
Here Mudassar Ahmed Khan has explained with an example, how to get (pull) Image from JSON in AngularJS.

The Image will be stored in a Folder (Directory) on the Server and will be displayed by pulling the Path (URL) of the Image from the JSON and assigning it to the ng-src directive in AngularJS.
26 Feb 2019 26 Feb 2019 0 Comments  19222 Views
Here Mudassar Ahmed Khan has explained with an example, how to display Images from JSON Array using JavaScript.

This article will illustrate how to display Images in a dynamic HTML Table generated by looping through the JSON Array using JavaScript.

The Images will be stored in a Folder (Directory) on the Server and will be displayed in an HTML Image element using JavaScript.
21 Feb 2019 21 Feb 2019 0 Comments  15401 Views
Here Mudassar Ahmed Khan has explained with an example, how to show an element using ng-show directive when the Variable (Model) is not NULL and if the Variable (Model) is NULL or empty then the element must be hidden using AngularJS.

The AngularJS ng-show directive will be assigned a condition where the Variable (Model) will be tested for NULL and if the Variable (Model) is not NULL, the condition will return True, thus the element will be shown else vice-versa.
21 Feb 2019 21 Feb 2019 1 Comments  22088 Views
Here Mudassar Ahmed Khan has explained with an example, how to use ng-change directive with FileUpload element (Input Type File) in AngularJS.

There is no binding support for FileUpload element (Input Type File) in AngularJS and hence ng-change directive cannot be used.

This article will illustrate how to use JavaScript OnChange event handler to call a function inside AngularJS Controller.
19 Feb 2019 26 Feb 2019 0 Comments  3599 Views
HTML  JSON  Table  AngularJS  Arrays  Image
Here Mudassar Ahmed Khan has explained with an example, how to use ng-src inside ng-repeat directive in AngularJS.

The ng-src directive is used along with Image elements in order to display Images from Model in AngularJS.

The Image will be stored in a Folder (Directory) on the Server and will be displayed by assigning the URL of the Image to the ng-src directive in AngularJS.
19 Feb 2019 26 Feb 2019 0 Comments  9725 Views
HTML  JSON  Table  AngularJS  Arrays  Image
Here Mudassar Ahmed Khan has explained with an example, how to display Images from JSON Array using ng-repeat in AngularJS.

This article will illustrate how to display Images using the ng-src directive with Image elements in AngularJS.

The Image will be stored in a Folder (Directory) on the Server and will be displayed by assigning the URL of the Image to the ng-src directive in AngularJS.
13 Feb 2019 14 Feb 2019 0 Comments  17075 Views
Here Mudassar Ahmed Khan has explained with an example, how to export HTML to PDF in Windows Forms Application using iTextSharp, C# and VB.Net.

First a DataGridView will be populated with some data and then an HTML Table will be generated using the values from the DataGridView.

Finally, the HTML Table will be exported and saved as PDF file using iTextSharp and XMLWorkerHelper class in Windows Forms Application with C# and VB.Net.
12 Feb 2019 19 Apr 2021 0 Comments  8884 Views
Here Mudassar Ahmed Khan has explained with an example, how to export GridView data to Word document in ASP.Net using C# and VB.Net.

This article will illustrate how to export all Pages of GridView with Paging Enabled to Word document along with formatting i.e. Styles and Colors in ASP.Net.

When the Export Button is clicked, the GridView will be rendered as an HTML string which will be later written to Response Stream and ultimately downloaded as Word document in ASP.Net.
11 Feb 2019 18 Feb 2019 2 Comments  22697 Views
Here Mudassar Ahmed Khan has explained with an example, how to export HTML Table to Excel file using jQuery in ASP.Net MVC Razor.

The HTML Table will be exported (converted) to Excel file using the jQuery table2excel plugin in ASP.Net MVC Razor.
09 Jan 2019 09 Jan 2019 0 Comments  12450 Views
Here Mudassar Ahmed Khan has explained with an example, how to display Text when CheckBox is checked (selected) or unchecked (unselected) using JavaScript and jQuery.

When the CheckBox is clicked based on whether it is checked (selected) or unchecked (unselected), the HTML DIV with some Text will be shown or hidden.
08 Jan 2019 08 Jan 2019 1 Comments  105202 Views
Here Mudassar Ahmed Khan has explained with an example, how to get selected (checked) CheckBox Row (Cell) values of HTML Table using jQuery.

When the Button is clicked, all the CheckBoxes inside the HTML Table will be referenced and then the Row (Cell) values of selected (checked) CheckBoxes will be extracted and displayed using JavaScript Alert Message Box.
08 Jan 2019 08 Jan 2019 2 Comments  79967 Views
Here Mudassar Ahmed Khan has explained with an example, how to get selected (checked) CheckBox Row (Cell) values of Html Table using JavaScript.

When the Button is clicked, all the CheckBoxes inside the Html Table will be referenced and then the Row (Cell) values of selected (checked) CheckBoxes will be extracted and displayed using JavaScript Alert Message Box.
01 Jan 2019 01 Jan 2019 0 Comments  21181 Views
Here Mudassar Ahmed Khan has explained with an example, how to implement maximum Length validation for TextBox using JavaScript and jQuery.

HTML TextBox does have MaxLength property but it does not provide features such as Character Count i.e. displaying the user number of character left.

Thus using the ASPSnippets MaxLength jQuery plugin, one can enforce character limit validation and optionally display the Character Count.
21 Dec 2018 21 Dec 2018 0 Comments  22423 Views
Here Mudassar Ahmed Khan has explained with an example, how to allow only One (Single) CheckBox to be checked (selected) using AngularJS.

In a group of CheckBoxes, if one CheckBox is checked (selected) all other selected CheckBoxes will be unchecked (unselected) using AngularJS.
20 Dec 2018 21 Dec 2018 0 Comments  12088 Views
Here Mudassar Ahmed Khan has explained with an example, how to select one (single) CheckBox from multiple CheckBoxes using jQuery.

By default, multiple CheckBoxes are meant for multiple selection, thus in order to make it work as Single selection i.e. similar to that of a RadioButtons, jQuery needs to be used to achieve the same.
19 Dec 2018 19 Dec 2018 0 Comments  26190 Views
Here Mudassar Ahmed Khan has explained with an example, how to select one (single) CheckBox from multiple CheckBoxes in JavaScript.

By default, multiple CheckBoxes are meant for multiple selection, thus in order to make it work as Single selection i.e. similar to that of a RadioButtons, JavaScript needs to be used to achieve the same.
18 Dec 2018 18 Dec 2018 0 Comments  8477 Views
Here Mudassar Ahmed Khan has explained with an example, how to delete (remove) multiple ng-repeat items using CheckBox in AngularJS.

The HTML Table with multiple CheckBoxes will be populated using ng-repeat directive and the selected (checked) Rows (Items) will be deleted from HTML Table on Single Button click using AngularJS.
Results 61 - 80 of 208