Home
Search results “Asp net table style”
Using BootStrap 3 Table in ASP.NET - Part 2
 
09:28
Hi Friends , This is the second part of the BootStrap Video Series which explains the bootstrap 3 tables and how to use bootstrap tables and how to apply the bootstrap table css to the ASP.NET Gridview control. check out for the other video series : Part 1 : Understanding Bootstrap 3 Grid System Part 2 : Understanding BootStrap 3 Tables Part 3 : Understanding BootStrap 3 Navbar Part 4 : Using BootStrap 3 Carousel Part 5 : Using BootStrap 3 ScrollSpy Part 6 : Developing Professional WebSite using BootStrap 3 within 15mins.
Views: 33740 sekhar srinivas
DevExpress ASP.NET Pivot Grid: Getting Started
 
08:57
This video shows you how to add a pivot grid to your application. Bind it to data and make adjustments. Learn more at https://documentation.devexpress.com/#AspNet/CustomDocument5830
Views: 22796 DevExpress
How to Create Responsive #GridView in ASP.NET Using CSS
 
07:35
make your GridView Responsive and show data in Gridview from #SQLSERVER Database. How to connect Gridview with database... How to make GridView Responsive with CSS code my website https://goo.gl/yMhpe3 ............................. Thanks for watching these videos , hit like , subscribe our channel n yes don't forget to share with you friends .............................. Shopping website project https://goo.gl/wGm7Dm Library Management System Project https://goo.gl/HkAUiR .......................................................... Follow Us Socially ?? Facebook : https://goo.gl/tEWJ6X Instagram : https://goo.gl/2Z3nBs Twitter : https://goo.gl/Yrnxvd ............................ Upload Time: 10:33 PM ........................... LIKE ? SHARE ? SUBSCRIBE ............................ See you in next video, have a nice day. GOOD LUCK
Views: 8107 Coder Baba
Asp.net Login Page Design using Bootstrap Transparent Page
 
17:29
Asp.net Login Page with the use of bootstrap. using bootstrap it is an excellent look and feel of the page and more lovable. This Project Are made under visual studio 2015. Panel Image: https://drive.google.com/open?id=1KaMA2u1iw_cMqolOJ9zd5Ly7nFccjiwq Style.css https://files.fm/u/gyjjxxuu Source Code: http://file-upload.com/d/Ao2g Subscribe to Channel for Latest Video. And also like and share this video with your friends. Thank You.
Views: 100952 Daily Tuition
Gridview formatting using CSS -Asp.Net
 
04:50
In this video i will show you how to do formatting of gridview control using css in asp.net.Using this method you can create your own style for gridview. In this video i created simple style which you can use in most of asp.net application or website. I hope you like this...!! css code: .grid{ border-collapse:collapse;text-align:center} .grid td{padding:10px ;border:1px solid #c1c1c1;color:#444;font-size:1em;} .grid th{padding:4px 2px ; color:#707083; text-shadow:1px 1px 0px #ffffff; background: -weblit-gradient(linear,left bottom, left top,color-stop(0,#e5e5e9),color-stop(1,#fbfbfc)); border:1px solid #c1c1c1;font-size:1em;text-align:center ;} .grid th a{color:White;text-decoration:none ; } .grid th a:hover{color:#444;text-decoration:none ;} .grid .alt{background:linear-gradient(#fff,#e6e6e6);}
Views: 5014 Mukesh Chaudhary
Asp.net: Create a Link-List with CSS Style in Table Row Design
 
10:22
with highlighted Rows, Lines vb.net
Views: 290 CodeDocu_com
DevExpress ASP.NET MVC Pivot Grid: Getting Started
 
05:08
IMPORTANT: This tutorial was published on 09/02/2015. If you are using DevExpress libraries released after this date, you may notice slight differences in the Visual Studio design-time experience, product API, and user experience. Please refer to the DevExpress online help system for up-to-date information on all DevExpress libraries. In this video we'll cover all the basics of customizing the ASP.NET MVC PivotGrid extension from adding the extension into a project to the overview of the Pivot Grid features. To learn more, see https://documentation.devexpress.com/#AspNet/CustomDocument18054
Views: 8110 DevExpress
WebDataGrid change row style
 
11:01
ASP.NET Data Grid Control In this tutorial you learn how to apply CSS classes to WebDataGrid rows both on the server as well as the client. See how to override existing styles applied by the Infragistics style set and how to find CSS classes that need to be changed from examining the DOM.
Views: 3346 Infragistics
How to create master page in asp.net | Horizontal Menu Bar | Programming Passion
 
07:56
Welcome to Programming Passion: In this video you will learn : -How to create master page in asp.net using c# -How to create html and css horizontal menu bar -How to add web pages to the master page -How to write your content under master page If you feel video is to fast pause the video and then write the code. I've done that to save the time Follow me on Instagram: https://www.instagram.com/vishalvupadhyay/ Like my Facebook page: https://www.facebook.com/programmingpassion108/
Views: 11132 Programming Passion
ASP.Net How to make Master Page
 
12:30
ASP.Net How to make Master Page More Information @ http://www.tutsstore.com/
Views: 280613 Ripon Datta
ASP NET TextBox and JavaScript
 
09:16
Link for all dot net and sql server video tutorial playlists http://www.youtube.com/user/kudvenkat/playlists Link for slides, code samples and text version of the video http://csharp-video-tutorials.blogspot.com/2015/03/aspnet-textbox-and-javascript.html In this video we will discuss 1. JavaScript focus method 2. JavaScript select method 3. How to count the number of characters as you type in a textbox and display that count in a label control JavaScript focus method : focus() method is used to put the keyboard cursor in a particular textbox when the web page loads so that we can start typing without having to first click in the textbox with the mouse. For example, when a web page with the following HTML and JavaScript is loaded, the keyboard cursor is already in the textbox waiting for the user to type his input. There is no need for the user to first click in the textbox with his mouse. Name : [asp:TextBox ID="TextBox1" runat="server"][/asp:TextBox] [script type="text/javascript"] document.getElementById("TextBox1").focus(); [/script] focus() method can be used with most HTML elements. For example, when a web page with the following HTML and JavaScript is loaded, the keyboard focus is set to DropDownList1 control. You can change the Gender value in the DropDownList by pressing ALT + Down Arrow keys simultaneously. Since we are using focus() method there is no need to first click on the DropDownList with the mouse. [table style="border:1px solid black"] [tr] [td]Name[/td] [td][asp:TextBox ID="TextBox1" runat="server"][/asp:TextBox][/td] [/tr] [tr] [td]Gender[/td] [td] [asp:DropDownList ID="DropDownList1" runat="server"] [asp:ListItem Text="Male" Value="Male"][/asp:ListItem] [asp:ListItem Text="Female" Value="Female"][/asp:ListItem] [/asp:DropDownList] [/td] [/tr] [/table] [script type="text/javascript"] document.getElementById("DropDownList1").focus(); [/script] JavaScript select method : select() method is used to select the contents of a text field, so when you start typing, the new text that you have typed will automatically replace the existing selected text. You can use select() method with textbox and textarea controls. When a web page with the following HTML and JavaScript is loaded, the text in the textarea element is selected and when you start typing, the new text that you typed will replace the existing selected text. [table style="border:1px solid black"] [tr] [td]Name[/td] [td][asp:TextBox ID="TextBox1" runat="server"][/asp:TextBox][/td] [/tr] [tr] [td]Comments[/td] [td] [asp:TextBox ID="TextBox2" TextMode="MultiLine" runat="server" Text="Type your comments here"][/asp:TextBox] [/td] [/tr] [/table] [script type="text/javascript"] document.getElementById("TextBox2").select(); [/script] How to count the number of characters as you type in a textbox and display the count in a label control Name : [asp:TextBox ID="TextBox1" runat="server" onkeyup="CountCharacters();"] [/asp:TextBox] [asp:Label ID="Label1" runat="server"][/asp:Label] [script type="text/javascript"] function CountCharacters() { document.getElementById("Label1").innerHTML = document.getElementById("TextBox1").value.length + " charactes"; } [/script]
Views: 34343 kudvenkat
Create, Add StyleSheet in ASP.NET MVC
 
05:57
In this Video Tutorial we will Learn, How to create Style sheet (.css) file in asp.net MVC. How to add style sheet in Layout page(.cshtml).
Views: 14128 ASP.NET MVC
NBSC# // - Visual Studio  ASP.NET Attach Style Sheet CSS to Gridview (Gridview Makeover)
 
03:08
You can download the whole project and manipulate as needed: http://www.media-horizon.com/gridview_makeover.zip
Views: 3786 NoBullsh#tC#.Net
Asp.net Gridview to Jquery DataTable
 
11:01
JQuery Data Table Is a Jquery Plugin Which Manipulate Your Data such as cool presentation in web browser... Making asp grid as a data table , you'll get more facilities which enhance your data presentation . And it'll gives you more working advantage such as sorting grid, searching from gird view and also pagination of the grid. Converting ASP.NET gridview to JQUEY Datatable is a great effort to represent your data in web. For More Details Visit: https://aspcodehunter.blogspot.com/ CDN Link: JS File: https://cdn.datatables.net/1.10.13/js/jquery.dataTables.min.js CSS File: https://cdn.datatables.net/1.10.13/css/jquery.dataTables.min.css
Views: 5172 Raju Ahmed
ASP.NET Tutorial-Table creation in Asp.net [Hindi / urdu] | Programming Expert Guru |
 
18:05
ASP.NET Tutorial-Table creation in urdu| Programming Expert Guru | How to create a table in Asp.Net using C# in urdu In this video you can learn how to create a table in Asp.Net. I am using Visual studio 2015. first you create the table and then you insert rows and columns and then apply the style on the table. if you have any queries then you can do comments. I will reply as soon as possible. subscribe my channel for more videos related to programming https://www.youtube.com/channel/UCtz5zBF9ZQ4bi4Tgm1cakQQ HOW TO CREATE TABLE IN ASP.NET https://youtu.be/X263l-rp62U
Webgrid Paging, sorting and filtering in ASP.Net MVC
 
40:39
Today, In this tutorial I will show you webgrid Paging, sorting and filtering functionality in asp.net MVC application. It is an essential approach to using paging, sorting and filtering technique in applications where a lot of data to be loaded from a database. So here in this article, I have tried to show how we can do this just following few simple steps. Visit : http://www.dotnetawesome.com/2016/11/webgrid-paging-sorting-filtering-aspnet-mvc.html
Views: 91884 sourav mondal
How to freeze gridview column in asp.net using jquery.
 
26:30
For details visit : http://dotnetawesome.blogspot.com/2014/05/how-to-freeze-gridview-column-in-aspnet-using-jquery.html In this post, I am implementing How to freeze gridview column in asp.net using jquery. GridView doesn't have the ability to scroll. Here in this post I have explained How to do this with keeping same style and without changing anything in the gridview.
Views: 21451 sourav mondal
How to apply and remove CSS class or style in asp net code behind
 
00:16
In this article I am going to explain how to apply and remove CSS class or style in asp.net code behind. Complete article : http://www.aspmantra.com/2017/09/apply-and-remove-css-class-or-style-asp.net-code-behind-aspmantra.html
Views: 100 aspmantra
Part 154   Using styles with asp net menu control
 
21:33
Text version of the video http://csharp-video-tutorials.blogspot.com/2013/10/part-154-using-styles-with-aspnet-menu.html Slides http://csharp-video-tutorials.blogspot.com/2014/10/using-styles-with-aspnet-menu-control.html All ASP .NET Text Articles http://csharp-video-tutorials.blogspot.com/p/free-aspnet-video-tutorial.html All ASP .NET Slides http://csharp-video-tutorials.blogspot.com/p/aspnet-slides.html ASP.NET Playlist https://www.youtube.com/playlist?list=PL4cyC4G0M1RQcB4IYS_zwkyBwMyx5AnDM All Dot Net and SQL Server Tutorials in English https://www.youtube.com/user/kudvenkat/playlists?view=1&sort=dd All Dot Net and SQL Server Tutorials in Arabic https://www.youtube.com/c/KudvenkatArabic/playlists In this video, we will discuss applying styles to the asp.net menu control. This is continuation to Part 153, please watch Part 153 before proceeding. To configure styles for the statically displayed portion of the menu, use StaticMenuStyle - Applicable for the entire statically displayed portion of the menu StaticMenuItemStyle - Applicable for the individual menu items in the statically displayed portion of the menu StaticSelectedStyle - Applicable for the selected menu item in the statically displayed portion of the menu StaticHoverStyle - Applicable for the statically displayed menu item over which mouse is hovered over To configure styles for the dynamically displayed portion of the menu, use DynamicMenuStyle - Applicable for the entire dynamically displayed portion of the menu DynamicMenuItemStyle - Applicable for the individual menu items in the dynamically displayed portion of the menu DynamicSelectedStyle - Applicable for the selected menu item in the dynamically displayed portion of the menu DynamicHoverStyle - Applicable for the dynamically displayed menu item over which mouse is hovered over To configure styles for each level in the menu control, use LevelMenuItemStyles - If the menu control has 2 levels, you will have the html as shown below. MenuLevel1 css class will be applied for menu items at level 1. Along the same lines MenuLevel2 css class will be applied for menu items at level 2. LevelSelectedStyles - If the menu control has 2 levels, you will have the html as shown below. Yellow color will be applied for the menu item selected at level 1. Maroon color will be applied for menu item selected at level 2. If you are following along with the example in the demo, for LevelSelectedStyles, StaticSelectedStyle and DynamicSelectedStyle to work, you need the following code in Page_Load of the master page. protected void Page_Load(object sender, EventArgs e) { foreach (MenuItem item in Menu1.Items) { Check(item); } } private void Check(MenuItem item) { if (item.NavigateUrl.Equals(Request.AppRelativeCurrentExecutionFilePath, StringComparison.InvariantCultureIgnoreCase)) { item.Selected = true; } else if (item.ChildItems.Count ] 0) { foreach (MenuItem menuItem in item.ChildItems) { Check(menuItem); } } }
Views: 51196 kudvenkat
Formatting asp net gridview control   Part 7
 
12:57
Text version of the video http://csharp-video-tutorials.blogspot.com/2013/02/formatting-aspnet-gridview-control-part.html Slides http://csharp-video-tutorials.blogspot.com/2013/10/part-7-formatting-gridview-control.html All GridView Text Articles http://csharp-video-tutorials.blogspot.com/p/free-asp.html All GridView Slides http://csharp-video-tutorials.blogspot.com/p/blog-page.html All Dot Net and SQL Server Tutorials in English https://www.youtube.com/user/kudvenkat/playlists?view=1&sort=dd All Dot Net and SQL Server Tutorials in Arabic https://www.youtube.com/c/KudvenkatArabic/playlists We will be using tblEmployee table for this demo. Use the script below to create employees table and populate it with sample data. CREATE TABLE [tblEmployee] ( [EmployeeId] [int] IDENTITY PRIMARY KEY, [FirstName] [nvarchar](50), [LastName] [nvarchar](50), [DateOfBirth] [datetime], [AnnualSalary] [int], [Gender] [nvarchar](50), [DepartmentName] [nvarchar](50) ) Insert into tblEmployee values ('John','Johnson','08/10/1982',55000,'Male','IT') Insert into tblEmployee values ('Pam','Roberts','11/11/1979',62000,'Female','HR') Insert into tblEmployee values ('David','John','01/15/1980',45000,'Male','IT') Insert into tblEmployee values ('Rose','Mary','08/18/1967',78000,'Female','Payroll') Insert into tblEmployee values ('Mark','Mell','12/10/1974',69000,'Male','HR') Use "SqlDataSource" control to retrieve data from the database and bind it to gridview control. By default, all the columns from the table are displayed in the gridview control. For example, I don't want to display EmployeeId column in the gridview control. There are 3 ways to achieve this 1. You can modify "SqlDataSource" control "SELECT" query, to include only the columns that you need. 2. Remove the "BoundField" column from gridview control that displays, EmployeeId 3. Set visibility property to false on the "BoundField" column from gridview control that displays, EmployeeId Notice the column headers in the gridview control. They are same as the column names in the table. For example, we want a space between First and Name in FirstName. Similary, we want spaces for LastName, DateOfBirth, AnnualSalary and DepartmentName. FirstName = First Name LastName = Last Name DateOfBirth = Date Of Birth AnnualSalary = Annual Salary DepartmentName = Department Name To achieve this, change "HeaderText" property of the respective column, in the gridview control. When you run the application, DateOfBirth column displays both Date and Time. I want only the "date" to be displayed. We can very easily achieve this using DataFormatString property. We have set DataFormatString="{0:d}", which will display short date pattern. Setting DataFormatString="{0:D}", will display long date pattern. For the complete list of "Standard Date and Time Format Strings", please visit MSDN link below. http://msdn.microsoft.com/en-gb/library/az4se3k1.aspx For the annual salary column, I want to display currency symbol. For example, depending on your application requirement, you may want to display, either United States dollar ($), Great British Pound(£) or Indian Rupee Symbol. To achieve this use currency format string "0:c". If you want to display 2 decimal places using "0:c2" For the complete list of "Standard Numeric Format Strings", please visit MSDN link below. http://msdn.microsoft.com/en-gb/library/dwhawy9k.aspx Currency symbol will be displayed, based on the default culture setting. For example, If your default culture setting is "en-US", United States Dollar symbol will be displayed If your default culture setting is "en-GB", Great British Pound symbol will be displayed If your default culture setting is "en-IN", Indian Rupee symbol will be displayed Culture can be specified in web.config using globalization element's culture attribute. It is possible to override culture setting on a page-by-page basis. To set the culture declaratively in the aspx page, use "Culture" attribute of the "Page" directive. To override the culture programmatically System.Threading.Thread.CurrentThread.CurrentCulture = new System.Globalization.CultureInfo("en-GB");
Views: 70902 kudvenkat
Asp net Login Page Using CSS Design - Part 1
 
11:37
In this Tutorial we are creating Asp.net Login page with Amazing Design. we are using Custom Css Style to create this tutorial. So if you have any question about this tutorial then you can ask me on video comment section. If you find something useful then click on like button and subscribe to this channel for more latest upload. Download Source File:- http://file-upload.com/d/BDmI Suggested video : Online Electronic Store Design Tutorial Part-1 https://youtu.be/tpJQ0IGYfpA Online Electronic Store Design Tutorial Part-2 https://youtu.be/eK2KRq-eXrw Online Electronic Store Design Tutorial Part-3 https://youtu.be/FxmLNLuDTKk Online Electronic Store Design Tutorial Part-4 https://youtu.be/8MSb9_yt7nA Online Electronic Store Project (E-Commerce Website) https://youtu.be/CNI-Sq8THzM Asp.net Login Page Design 3D & Transparent Page using Bootstrap https://youtu.be/uobgLvafC50 How To Create Homepage in Asp.net with Image Fade In Effect Jquery https://youtu.be/IgvnT2W8yPs Animated Login Form in Asp.net Tutorial https://youtu.be/-UE4yrt5xWI How to Make Corner Folding Effect On Div Tag Tutorial in Hindi https://youtu.be/R6RJQTlKCqw Animated Homepage Website - HTML5/CSS & Animated.css https://youtu.be/X8cotMzES0o Design Login Page in Html5 CSS - Responsive Page https://youtu.be/hRCFLjCIgio Login System Using PHP & SQL Database https://youtu.be/bJ8oTeRg_aA Design Video Blog Using Bootstrap for Blogger https://youtu.be/HNmAj_K55Hw Create Homepage of Website using Bootstrap Studio ( Tutorial ) https://youtu.be/htl07adn2u8 Atom Editor Live Preview in Hindi https://youtu.be/rQdKpALUfZM How to Install Photoshop Color Efex Pro 4 Crack in Hindi https://youtu.be/up74-kMPmOQ Asp.net Login Page Design using Bootstrap https://youtu.be/-P90tOJYf9o Asp.net Project With C# https://youtu.be/1xVs3QkE9UU Run Project Visual Studio Asp.net https://youtu.be/lvfXqqpl_Hw Add Existing Files into .NET https://youtu.be/wKxDwE_2_ZU Add Refference In Visual Studio https://youtu.be/Cwn6nrGujjI Working Java Class In Asp.net 100% https://youtu.be/eNG-Md1mle8 If you have any question please comment me on my video or you can write it on channel discussion. Thank You...!
Views: 19452 Daily Tuition
How to set asp net chart control ChartType property dynamically
 
10:08
Text version of the video http://csharp-video-tutorials.blogspot.com/2014/10/how-to-set-aspnet-chart-control.html Slides http://csharp-video-tutorials.blogspot.com/2014/10/how-to-set-aspnet-chart-control_13.html ASP.NET Charts Playlist https://www.youtube.com/playlist?list=PL6n9fhu94yhXmzt5lcI1_BQNHdqQbkdLi All ASP .NET Chart Control Text Articles and Slides http://csharp-video-tutorials.blogspot.com/2014/10/aspnet-chart-control-tutorial.html All Dot Net and SQL Server Tutorials in English https://www.youtube.com/user/kudvenkat/playlists?view=1&sort=dd All Dot Net and SQL Server Tutorials in Arabic https://www.youtube.com/c/KudvenkatArabic/playlists In this video, we will discuss setting ChartType property of asp.net chart control dynamically. This is continuation to Part 1. Please watch Part 1, before proceeding. There are 2 ways to set the ChartType property 1. Declaratively in the HTML using ChartType attribute as shown below. [Series] [asp:Series Name="Series1" ChartArea="ChartArea1" ChartType="Pie"] [Points] [asp:DataPoint AxisLabel="Mark" YValues="800,0,0,0,0,0" /] [asp:DataPoint AxisLabel="Steve" YValues="900,0,0,0,0,0" /] [asp:DataPoint AxisLabel="John" YValues="700,0,0,0,0,0" /] [asp:DataPoint AxisLabel="Mary" YValues="900,0,0,0,0,0" /] [asp:DataPoint AxisLabel="Ben" YValues="600,0,0,0,0,0" /] [/Points] [/asp:Series] [/Series] 2. Programatically in code. We want to display all the different ChartTypes available in a DropDownList. When the user selects an option from the DropDownList we want to set the selected chart type as the value for the ChartType property dynamically in code. Modify the HTML on WebForm1.aspx as shown below. Notice that we have included a DropDownList to display the different ChartTypes that are available. We have also set the AutoPostBack property of the DropDownList to True. [div style="font-family:Arial"] [table style="border: 1px solid black"] [tr] [td] [b]Select Chart Type :[/b] [/td] [td] [asp:DropDownList ID="ddlChartType" runat="server" AutoPostBack="True" onselectedindexchanged="ddlChartType_SelectedIndexChanged"] [/asp:DropDownList] [/td] [/tr] [tr] [td colspan="2"] [asp:Chart ID="Chart1" runat="server" Width="350px"] [Titles] [asp:Title Text="Total marks of students"] [/asp:Title] [/Titles] [Series] [asp:Series Name="Series1" ChartArea="ChartArea1" ChartType="Pie"] [Points] [asp:DataPoint AxisLabel="Mark" YValues="800,0,0,0,0,0" /] [asp:DataPoint AxisLabel="Steve" YValues="900,0,0,0,0,0" /] [asp:DataPoint AxisLabel="John" YValues="700,0,0,0,0,0" /] [asp:DataPoint AxisLabel="Mary" YValues="900,0,0,0,0,0" /] [asp:DataPoint AxisLabel="Ben" YValues="600,0,0,0,0,0" /] [/Points] [/asp:Series] [/Series] [ChartAreas] [asp:ChartArea Name="ChartArea1"] [AxisX Title="Student Name"] [/AxisX] [AxisY Title="Total Marks"] [/AxisY] [/asp:ChartArea] [/ChartAreas] [/asp:Chart] [/td] [/tr] [/table] [/div] WebForm1.aspx.cs code using System; using System.Web.UI.DataVisualization.Charting; using System.Web.UI.WebControls; namespace Demo { public partial class WebForm3 : System.Web.UI.Page { protected void Page_Load(object sender, EventArgs e) { if (!IsPostBack) { GetChartTypes(); } } private void GetChartTypes() { string[] chartTypeNames = Enum.GetNames(typeof(SeriesChartType)); foreach (int chartType in Enum.GetValues(typeof(SeriesChartType))) { ListItem li = new ListItem(Enum.GetName(typeof(SeriesChartType), chartType), chartType.ToString()); ddlChartType.Items.Add(li); } } protected void ddlChartType_SelectedIndexChanged(object sender, EventArgs e) { this.Chart1.Series["Series1"].ChartType = (SeriesChartType)Enum.Parse(typeof(SeriesChartType), ddlChartType.SelectedValue); } } }
Views: 26309 kudvenkat
building a website - How to use Bootstrap in ASP.NET websites
 
20:18
Bootstrap is a very powerful 12 grid layout with beautiful styling with very very little work. It's a responsive framework that focuses from mobile devices and up to larger screen resolutions. This is a huge time saver when you're building a website. In this tutorial we will download Bootstrap (link below) install it into a empty ASP.NET Website and start using some of it's functionality. http://getbootstrap.com/
Views: 193875 Networking26
Part 22 - Style.Render, Script.Render, and BundleConfig file in Asp.net MVC
 
11:17
Overview In this video you will come to know about the purpose or Style.Render, Script.Render, and BundleConfig.cs file in asp.net mvc application. SOCIAL : Like TechnoTips official Page : http://facebook.com/technotipstutorial Subscribe : http://youtube.com/user/aapkanigam Follow us on Twitter : @technotipsMVC Get CODE HERE: http://technotipstutorial.blogspot.in/2017/01/part-22-stylerender-scriptrender.html INTRODUCTION : Why Style.Render() and Script.Render() method are used in layout? Style.Render() o It is used to render the bundle of CSS files defined in Bundleconfig.CS file. Script.Render() o It is used to render the bundle of Scripts files defined in BundleConfig.CS file. Style.Render() and Script.Render() generate multiple Style and Script tags for each item in the CSS bundle and Scripts bundle when optimizations are disabled. How to enable optimization? Open Global.asax file and in Application_Start set EnableOptimizations = true , Like in following example RECOMMENDATION: 1.Create Navigation bar (bootstrap playlist) : https://www.youtube.com/watch?v=FwqcoXMwgQU&index=3&list=PLM5JAv_WpgH9BrISrthg3-u6ak8_IlNe5 TAGS : Style.render Script.render Partial view in mvc html.partial html.RenderAction how to create a - website how to create bootstrap popup modal asp. net mvc asp.net mvc interview questions asp.net mvc 5 tutorial model view controller jquery-ajax Post
Views: 15490 Technotips - Ashish
jQuery dynamic menu from database in asp net
 
24:37
Link for all dot net and sql server video tutorial playlists https://www.youtube.com/user/kudvenkat/playlists?sort=dd&view=1 Link for slides, code samples and text version of the video http://csharp-video-tutorials.blogspot.com/2015/07/jquery-dynamic-menu-from-database-in.html In this video we will discuss, how to build a jQuery menu using data from a database table. Menu.cs class using System.Collections.Generic; namespace Demo { public class Menu { public int Id { get; set; } public string MenuText { get; set; } public int? ParentId { get; set; } public bool Active { get; set; } public List<Menu> List { get; set; } } } MenuHandler.ashx using System; using System.Collections.Generic; using System.Configuration; using System.Data; using System.Data.SqlClient; using System.Linq; using System.Web; using System.Web.Script.Serialization; namespace Demo { public class MenuHandler : IHttpHandler { public void ProcessRequest(HttpContext context) { string cs = ConfigurationManager.ConnectionStrings["DBCS"].ConnectionString; List<Menu> listMenu = new List<Menu>(); using (SqlConnection con = new SqlConnection(cs)) { SqlCommand cmd = new SqlCommand("spGetMenuData", con); cmd.CommandType = CommandType.StoredProcedure; con.Open(); SqlDataReader rdr = cmd.ExecuteReader(); while (rdr.Read()) { Menu menu = new Menu(); menu.Id = Convert.ToInt32(rdr["Id"]); menu.MenuText = rdr["MenuText"].ToString(); menu.ParentId = rdr["ParentId"] != DBNull.Value ? Convert.ToInt32(rdr["ParentId"]) : (int?)null; menu.Active = Convert.ToBoolean(rdr["Active"]); listMenu.Add(menu); } } List<Menu> menuTree = GetMenuTree(listMenu, null); JavaScriptSerializer js = new JavaScriptSerializer(); context.Response.Write(js.Serialize(menuTree)); } public List<Menu> GetMenuTree(List<Menu> list, int? parent) { return list.Where(x => x.ParentId == parent).Select(x => new Menu { Id = x.Id, MenuText = x.MenuText, ParentId = x.ParentId, Active = x.Active, List = GetMenuTree(list, x.Id) }).ToList(); } public bool IsReusable { get { return false; } } } } HTML & jQuery code <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="Demo.WebForm1" %> <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title></title> <script src="jquery-1.11.2.js"></script> <script src="jquery-ui.js"></script> <link href="jquery-ui.css" rel="stylesheet" /> <script type="text/javascript"> $(document).ready(function () { $.ajax({ url: 'MenuHandler.ashx', method: 'get', dataType: 'json', success: function (data) { buildMenu($('#menu'), data); $('#menu').menu(); }, error: function (err) { alert(err.statusText); } }); function buildMenu(parent, items) { $.each(items, function () { var li = $("<li>" + this.MenuText + "</li>"); if (!this.Active) { li.addClass('ui-state-disabled'); } li.appendTo(parent); if (this.List && this.List.length > 0) { var ul = $("<ul></ul>"); ul.appendTo(li); buildMenu(ul, this.List); } }); } }); </script> </head> <body style="font-family: Arial"> <form id="form1" runat="server"> <div style="width: 150px"> <ul id="menu"> </ul> </div> </form> </body> </html>
Views: 40248 kudvenkat
ASP.NET Tutorial-Table creation from code behind
 
10:31
This video shows how to create a table in asp.net. I got these videos from my asp.net training class. i hope it helps you guys in learning the basics. P.S Just ignore the spelling mistakes in the videos and enjoy the tutorials.
Views: 49477 prashanth mp
Displaying standard datatables in table format in asp net mvc razor view
 
14:06
how to populate data from datatable in table format in asp.net mvc razor view
Views: 6663 Md Minhaj
DevExpress ASP.NET: Getting Started with the ASPxScheduler
 
07:10
This video walks you through the steps of getting started with our scheduling controls.
Views: 36874 DevExpress
ASP.NET Tutorial 8- Create a Login website-Creating Master Page and apply it to existing aspx pages
 
10:43
Link to the MasterPage source code -- (http://programmingknowledgeblog.blogspot.de/2013/12/aspnet-tutorial-8-create-login-website.html) Creating Master Page In ASP.NET 2010 Creating and Using ASP.NET Master Pages in Visual How to: Create Content Pages for an ASP.NET Master Page Creating Page Layouts with View Master Pages How to Create an ASP.net site with a Master Page Searches related to create master page asp net how to create a master page in asp net 2010 how to create nested master page in asp net Searches related to apply master page asp.net apply master page to existing page asp net asp net apply theme to master page how to use master page in asp net 2010 how to use jquery in asp net master page how to use css in asp net master page how to use javascript in asp net master page
Views: 238711 ProgrammingKnowledge
Implement Grid.Mvc in ASP NET.MVC
 
13:19
Creating Simple Grid in ASP NET MVC Using Grid.MVC
Views: 33708 Md Minhaj
Sorting ASP NET Chart Control using Sort method
 
06:43
Text version of the video http://csharp-video-tutorials.blogspot.com/2014/10/sorting-aspnet-chart-control-using-sort.html Slides http://csharp-video-tutorials.blogspot.com/2014/10/sorting-aspnet-chart-control-using-sort_25.html All ASP .NET Chart Control Text Articles and Slides http://csharp-video-tutorials.blogspot.com/2014/10/aspnet-chart-control-tutorial.html ASP.NET Charts Playlist https://www.youtube.com/playlist?list=PL6n9fhu94yhXmzt5lcI1_BQNHdqQbkdLi All Dot Net and SQL Server Tutorials in English https://www.youtube.com/user/kudvenkat/playlists?view=1&sort=dd All Dot Net and SQL Server Tutorials in Arabic https://www.youtube.com/c/KudvenkatArabic/playlists In this video we will discuss sorting ASP.NET chart control using Sort() method. This is continuation to Part 9. Please watch Part 9 before proceeding. To use Sort() method Step 1 : Modify the HTML in WebForm1.aspx as shown below. Notice the sections highlighted in yellow. When "Student Name" is selected from the DropDownList we want to sort by AxisLabel and when "Total Marks" is selected we want to sort by Y values. [table style="font-family: Arial; border: 1px solid black"] [tr] [td] Sort By : [asp:DropDownList ID="ddlSortBy" AutoPostBack="true" runat="server" OnSelectedIndexChanged="ddlSortBy_SelectedIndexChanged"] [asp:ListItem Text="Student Name" Value="AxisLabel"][/asp:ListItem] [asp:ListItem Text="Total Marks" Value="Y"][/asp:ListItem] [/asp:DropDownList] [/td] [td] Sort Direction : [asp:DropDownList ID="ddlSortDirection" AutoPostBack="true" runat="server" OnSelectedIndexChanged="ddlSortDirection_SelectedIndexChanged"] [asp:ListItem Text="Ascending" Value="ASC"][/asp:ListItem] [asp:ListItem Text="Descending" Value="DESC"][/asp:ListItem] [/asp:DropDownList] [/td] [/tr] [tr] [td colspan="2"] [asp:Chart ID="Chart1" runat="server"] [Series] [asp:Series Name="Series1"] [/asp:Series] [/Series] [ChartAreas] [asp:ChartArea Name="ChartArea1"] [/asp:ChartArea] [/ChartAreas] [/asp:Chart] [/td] [/tr] [/table] Step 2 : Modify the code in the code-behind file as shown below. using System; using System.Data; namespace ChartsDemo { public partial class WebForm1 : System.Web.UI.Page { protected void Page_Load(object sender, EventArgs e) { if (!IsPostBack) { GetChartData(); } } private void GetChartData() { DataSet ds = new DataSet(); ds.ReadXml(Server.MapPath("~/Students.xml")); Chart1.Series["Series1"].XValueMember = "StudentName"; Chart1.Series["Series1"].YValueMembers = "TotalMarks"; Chart1.DataSource = ds; Chart1.DataBind(); // Sorting if (ddlSortDirection.SelectedValue == "ASC") { Chart1.Series["Series1"].Sort(System.Web.UI.DataVisualization.Charting.PointSortOrder.Ascending, ddlSortBy.SelectedValue); // OR // Chart1.DataManipulator.Sort(System.Web.UI.DataVisualization.Charting.PointSortOrder.Ascending, ddlSortBy.SelectedValue, "Series1"); } else { Chart1.Series["Series1"].Sort(System.Web.UI.DataVisualization.Charting.PointSortOrder.Descending, ddlSortBy.SelectedValue); // OR // Chart1.DataManipulator.Sort(System.Web.UI.DataVisualization.Charting.PointSortOrder.Descending, ddlSortBy.SelectedValue, "Series1"); } } protected void ddlSortBy_SelectedIndexChanged(object sender, EventArgs e) { GetChartData(); } protected void ddlSortDirection_SelectedIndexChanged(object sender, EventArgs e) { GetChartData(); } } } References : http://msdn.microsoft.com/en-us/library/vstudio/dd456762(v=vs.100).aspx
Views: 7870 kudvenkat
Part 64   Implement sorting in asp net mvc
 
16:34
C#, SQL Server, WCF, MVC and ASP .NET video tutorials for beginners http://www.youtube.com/user/kudvenkat/playlists In this video, we will discuss, implementing sort functionality in an asp.net mvc application. We will be working with the same example that we started in Part 62. So, please watch Parts 62 and 63 before proceeding with this video. We want to support bi-directional sorting by Name and Gender columns. Here's the requirement 1. Name & Gender columns must be clickable hyperlinks 2. Clicking on the column headers should sort the data. If the data is not already sorted by the column on which you have clicked, the data should be sorted in ascending order. Clicking again on the same column should sort the data in descending order. 3. By default, the data should be sorted by "Name" in ascending order. By the end of this video, the output should be as shown below. Notice that "Name" and "Gender" columns are rendered as hyperlinks, which the user can click to sort data. Step 1: Modify the "Index()" action method in HomeController as shown below. public ActionResult Index(string searchBy, string search, int? page, string sortBy) { ViewBag.NameSort = String.IsNullOrEmpty(sortBy) ? "Name desc" : ""; ViewBag.GenderSort = sortBy == "Gender" ? "Gender desc" : "Gender"; var employees = db.Employees.AsQueryable(); if (searchBy == "Gender") { employees = employees.Where(x =] x.Gender == search || search == null); } else { employees = employees.Where(x =] x.Name.StartsWith(search) || search == null); } switch (sortBy) { case "Name desc": employees = employees.OrderByDescending(x =] x.Name); break; case "Gender desc": employees = employees.OrderByDescending(x =] x.Gender); break; case "Gender": employees = employees.OrderBy(x =] x.Gender); break; default: employees = employees.OrderBy(x =] x.Name); break; } return View(employees.ToPagedList(page ?? 1, 3)); } Step 2: Modify the code in Index.cshtml view as shown below. Please pay attention to the code highlighted with Grey colour. @using PagedList; @using PagedList.Mvc; @model PagedList.IPagedList[MVCDemo.Models.Employee] @{ ViewBag.Title = "Index"; } [link href="~/Content/PagedList.css" rel="stylesheet" type="text/css" /] [div style="font-family:Arial"] [h2]Employee List[/h2] [p] @using (@Html.BeginForm("Index", "Home", FormMethod.Get)) { [b]Search By:[/b] @Html.RadioButton("searchBy", "Name", true) [text]Name[/text] @Html.RadioButton("searchBy", "Gender") [text]Gender[/text][br /] @Html.TextBox("search") [input type="submit" value="search" /] } [/p] [table border="1"] [tr] [th] @Html.ActionLink("Name", "Index", new { sortBy = ViewBag.NameSort, searchBy = Request["searchBy"], search = Request["search"] }) [/th] [th] @Html.ActionLink("Gender", "Index", new { sortBy = ViewBag.GenderSort, searchBy = Request["searchBy"], search = Request["search"] }) [/th] [th] @Html.DisplayNameFor(model =] model.First().Email) [/th] [th]Action[/th] [/tr] @if (Model.Count() == 0) { [tr] [td colspan="4"] No records match search criteria [/td] [/tr] } else { foreach (var item in Model) { [tr] [td] @Html.DisplayFor(modelItem =] item.Name) [/td] [td] @Html.DisplayFor(modelItem =] item.Gender) [/td] [td] @Html.DisplayFor(modelItem =] item.Email) [/td] [td] @Html.ActionLink("Edit", "Edit", new { id = item.ID }) | @Html.ActionLink("Details", "Details", new { id = item.ID }) | @Html.ActionLink("Delete", "Delete", new { id = item.ID }) [/td] [/tr] } } [/table] @Html.PagedListPager(Model, page =] Url.Action("Index", new { page, searchBy = Request.QueryString["searchBy"], search = Request.QueryString["search"], sortBy = Request["sortBy"] }), new PagedListRenderOptions() { Display = PagedListDisplayMode.IfNeeded }) [/div]
Views: 63564 kudvenkat
ASP.NET Tutorial for Beginners - 06 - Adding some HTML and CSS to content page
 
04:43
In this video we will add some HTML and CSS to content page CSS Code: http://pastebin.com/Lfh4T1vy
Views: 19000 EJ Media
How to apply CSS for the table?
 
09:17
In this video, we are going to cover How to apply CSS style for the table? How to apply margin around a particular element? How to apply top-margin for a particular element? How to apply padding around a particular element? How to apply bottom padding for a particular element? How to set the width of the element? How to apply top, right, bottom and left margin in a single statement? To buy the video DVD, source code and ebook, please go to http://www.itfunda.com/Howto
Implement search web page using ASP NET and Stored Procedure
 
10:54
Text version of the video http://csharp-video-tutorials.blogspot.com/2017/03/implement-search-web-page-using-aspnet.html Slides http://csharp-video-tutorials.blogspot.com/2017/03/implement-search-web-page-using-aspnet_30.html All SQL Server Text Articles http://csharp-video-tutorials.blogspot.com/p/free-sql-server-video-tutorials-for.html All SQL Server Slides http://csharp-video-tutorials.blogspot.com/p/sql-server.html All SQL Server Tutorial Videos https://www.youtube.com/playlist?list=PL08903FB7ACA1C2FB All Dot Net and SQL Server Tutorials in English https://www.youtube.com/user/kudvenkat/playlists?view=1&sort=dd All Dot Net and SQL Server Tutorials in Arabic https://www.youtube.com/c/KudvenkatArabic/playlists In this video we will discuss implementing a search web page using ASP.NET and Stored Procedure. Step 1 : Modify the "spSearchEmployees" stored procedure to include NULL as the default value for the parameters. The advantage of specifying default value for the parameters is that the ASP.NET page need not pass those parameters when calling the stored procedures if the user did not specify any values for the corresponding search fields on the Search Page. Alter Procedure spSearchEmployees @FirstName nvarchar(100) = NULL, @LastName nvarchar(100) = NULL, @Gender nvarchar(50) = NULL, @Salary int = NULL As Begin Select * from Employees where (FirstName = @FirstName OR @FirstName IS NULL) AND (LastName = @LastName OR @LastName IS NULL) AND (Gender = @Gender OR @Gender IS NULL) AND (Salary = @Salary OR @Salary IS NULL) End Go Step 2 : Create a new empty ASP.NET Web Forms application. Name it "DynamicSQLDemo". Step 3 : Add a connection string to your database in web.config. For the connection string please check my blog at the following link http://csharp-video-tutorials.blogspot.com/2017/03/implement-search-web-page-using-aspnet.html Step 4 : Add a WebForm to the project. Name it "SearchPageWithoutDynamicSQL.aspx" Step 5 : Copy and paste the HTML on my blog at the following link on the ASPX page. Notice we are using Bootstrap to style the page. If you are new to Bootstrap, please check out our Bootstrap tutorial for beginners playlist. Step 6 : Copy and paste the following code in the code-behind page. Notice we are using the stored procedure "spSearchEmployees". We are not using any dynamic SQL in this example. In our next video, we will discuss implementing the same "Search Page" using dynamic sql and understand the difference between using dynamic sql and stored procedure. using System; using System.Configuration; using System.Data; using System.Data.SqlClient; namespace DynamicSQLDemo { public partial class SearchPageWithoutDynamicSQL : System.Web.UI.Page { protected void Page_Load(object sender, EventArgs e) {} protected void btnSearch_Click(object sender, EventArgs e) { string strConnection = ConfigurationManager.ConnectionStrings["connectionStr"].ConnectionString; using (SqlConnection con = new SqlConnection(strConnection)) { SqlCommand cmd = new SqlCommand(); cmd.Connection = con; cmd.CommandText = "spSearchEmployees"; cmd.CommandType = CommandType.StoredProcedure; if (inputFirstname.Value.Trim() != "") { SqlParameter param = new SqlParameter("@FirstName", inputFirstname.Value); cmd.Parameters.Add(param); } if (inputLastname.Value.Trim() != "") { SqlParameter param = new SqlParameter("@LastName", inputLastname.Value); cmd.Parameters.Add(param); } if (inputGender.Value.Trim() != "") { SqlParameter param = new SqlParameter("@Gender", inputGender.Value); cmd.Parameters.Add(param); } if (inputSalary.Value.Trim() != "") { SqlParameter param = new SqlParameter("@Salary", inputSalary.Value); cmd.Parameters.Add(param); } con.Open(); SqlDataReader rdr = cmd.ExecuteReader(); gvSearchResults.DataSource = rdr; gvSearchResults.DataBind(); } } } }
Views: 26972 kudvenkat
ASP.NET Course: Lesson 2-10 Use the div and span tags
 
05:23
More ASP.NET, C# and Visual Studio videos at http://www.LearnASP4.com. You can also download and print the free ASP.NET 4.0, C# and Visual Studio 2010 tutorial and sample files from the site. The course can be used for both self instruction for beginners and those moving to ASP.NET 4.0 from an earlier version. The course is structured into session and lessons make it ideal for teachers who wish to run ASP.NET courses. This lesson will teach you how to use the HTML div and span tags. We've used years of experience from our classroom courses to perfect our teaching method which will enable you to learn ASP.NET, C# and Visual Studio in a fraction of the time needed when learning from conventional text books.
Views: 12894 ExcelCentral.com
Insert, update, delete using SqlDataSource ControlParameter' in ASP.NET
 
13:47
In this ASP.NET VIDEO Tutorial, I will show you: --How to add items you can insert items into database table using SQL DataSource control in asp.net. --How to Update Data from database table using SQL DataSource control --How to delete data from database table using Sqldata Source control --How to use Insert( ) method of SqlDataSource control --How to use Update ( ) method of SqlDataSource control --How to use Delete ( ) Method of SqlDataSource control
Views: 9517 ASPNET WEBFORM
ASP NET Chart Control sorting
 
10:22
Text version of the video http://csharp-video-tutorials.blogspot.com/2014/10/aspnet-chart-control-sorting.html Slides http://csharp-video-tutorials.blogspot.com/2014/10/aspnet-chart-control-sorting_21.html All ASP .NET Chart Control Text Articles and Slides http://csharp-video-tutorials.blogspot.com/2014/10/aspnet-chart-control-tutorial.html ASP.NET Charts Playlist https://www.youtube.com/playlist?list=PL6n9fhu94yhXmzt5lcI1_BQNHdqQbkdLi All Dot Net and SQL Server Tutorials in English https://www.youtube.com/user/kudvenkat/playlists?view=1&sort=dd All Dot Net and SQL Server Tutorials in Arabic https://www.youtube.com/c/KudvenkatArabic/playlists In this video we will discuss ASP.NET Chart Control sorting. This is continuation to Part 8. Please watch Part 8 before proceeding. The end user should be able to sort chart data by StudentName and TotalMarks in ascending and descending order. To support this we want 2 DropDownLists on the WebForm1.aspx. One DropDownList will contain the fields to sort the data by i.e StudentName TotalMarks The other DropDownList will contain the sort direction i.e Ascending Descending Here is the HTML used in the demo [table style="font-family: Arial; border: 1px solid black"] [tr] [td] Sort By : [asp:DropDownList ID="ddlSortBy" AutoPostBack="true" runat="server" OnSelectedIndexChanged="ddlSortBy_SelectedIndexChanged"] [asp:ListItem Text="Student Name" Value="StudentName"][/asp:ListItem] [asp:ListItem Text="Total Marks" Value="TotalMarks"][/asp:ListItem] [/asp:DropDownList] [/td] [td] Sort Direction : [asp:DropDownList ID="ddlSortDirection" AutoPostBack="true" runat="server" OnSelectedIndexChanged="ddlSortDirection_SelectedIndexChanged"] [asp:ListItem Text="Ascending" Value="ASC"][/asp:ListItem] [asp:ListItem Text="Descending" Value="DESC"][/asp:ListItem] [/asp:DropDownList] [/td] [/tr] [tr] [td colspan="2"] [asp:Chart ID="Chart1" runat="server"] [Series] [asp:Series Name="Series1"] [/asp:Series] [/Series] [ChartAreas] [asp:ChartArea Name="ChartArea1"] [/asp:ChartArea] [/ChartAreas] [/asp:Chart] [/td] [/tr] [/table] and the code for the code-behind file using System; using System.Data; namespace ChartsDemo { public partial class WebForm1 : System.Web.UI.Page { protected void Page_Load(object sender, EventArgs e) { if (!IsPostBack) { // Use the default sort - Sort by TotalMarks in Ascending order GetChartData(null); } } private void GetChartData(string sortExpression) { DataSet ds = new DataSet(); // Read the data from XML file into DataSet ds.ReadXml(Server.MapPath("~/Students.xml")); // Specify the column that contains values for X-AXIS Chart1.Series["Series1"].XValueMember = "StudentName"; // Specify the column that contains values for Y-AXIS Chart1.Series["Series1"].YValueMembers = "TotalMarks"; // Create the DataView DataView dataView = ds.Tables[0].DefaultView; // Specify how the data should be sorted dataView.Sort = string.IsNullOrEmpty(sortExpression) ? "TotalMarks ASC" : sortExpression; // Set sorted DataView as the DataSource for the Chart control Chart1.DataSource = dataView; // Finally call DataBind Chart1.DataBind(); } protected void ddlSortBy_SelectedIndexChanged(object sender, EventArgs e) { // Sort the data based on the selections in the DropDownLists GetChartData(ddlSortBy.SelectedValue + " " + ddlSortDirection.SelectedValue); } protected void ddlSortDirection_SelectedIndexChanged(object sender, EventArgs e) { GetChartData(ddlSortBy.SelectedValue + " " + ddlSortDirection.SelectedValue); } } }
Views: 8583 kudvenkat
jQuery datatables server side processing example asp net
 
07:51
Link for all dot net and sql server video tutorial playlists https://www.youtube.com/user/kudvenkat/playlists?sort=dd&view=1 Link for slides, code samples and text version of the video http://csharp-video-tutorials.blogspot.com/2015/08/jquery-datatables-server-side.html In this video we will discuss implementing server-side processing for jQuery datatables plugin. This is continuation to Parts 108 and 109. Please watch Parts 108 and 109 from jQuery tutorial before proceeding. Here is the request and response cycle jQuery datatables plugin sends the request to the ASP.NET generic handler on the web server. The ASP.NET generic handler will then call the stored procedure in the database. Retrieves the data and converts it to JSON format. The JSON formatted data will then be displayed on the page by the jQuery datatables plugin Step 1 : Add a WebForm to your Demo project. Step 2 : Copy and paste the following HTML and jQuery code on the webform. Notice that we have set bServerSide option to true. This will tell the jQuery datatables plugin to use server-side processing. We also have set sAjaxSource to EmployeeDataHandler.ashx. This option tells the jQuery datatables plugin about the external source from where the data needs to be loaded. <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title></title> <script src="jquery-1.11.2.js"></script> <link rel="stylesheet" type="text/css" href="//cdn.datatables.net/1.10.7/css/jquery.dataTables.min.css" /> <script src="//cdn.datatables.net/1.10.7/js/jquery.dataTables.min.js"> </script> <script type="text/javascript"> $(document).ready(function () { $('#datatable').DataTable({ columns: [ { 'data': 'Id' }, { 'data': 'FirstName' }, { 'data': 'LastName' }, { 'data': 'Gender' }, { 'data': 'JobTitle' } ], bServerSide: true, sAjaxSource: 'EmployeeDataHandler.ashx' }); }); </script> </head> <body style="font-family: Arial"> <form id="form1" runat="server"> <div style="width: 900px; border: 1px solid black; padding: 3px"> <table id="datatable"> <thead> <tr> <th>Id</th> <th>First Name</th> <th>Last Name</th> <th>Gender</th> <th>Job Title</th> </tr> </thead> <tfoot> <tr> <th>Id</th> <th>First Name</th> <th>Last Name</th> <th>Gender</th> <th>Job Title</th> </tr> </tfoot> </table> </div> </form> </body> </html> In our next video, we will discuss implementing server-side processing for jQuery datatables plugin using asp.net web service.
Views: 52204 kudvenkat
ASP.NET Dashboard: Creating Sales Dashboard
 
03:26
This video demonstrates how to: 1 Create a new dashboard; 2 Add table, progress, map, chart; 3 Change dashboard style. #aspnetdashboards #salesdashboard #analytics #progress #indicator #chart #map #treelist #web #designer https://stimulsoft.com
Views: 34 Stimulsoft
ASP.NET Table demo
 
14:55
In this video we can learn how to yous table in ASP.net with c#.
Views: 135 gamer boy
ASP.NET Reporting - Building a Table Report
 
17:40
For more info: www.devexpress.com/XtraReports For a free trial: www.devexpress.com/Eval In this demonstration, we will create the simple Table Report found in the Demo Center.
Views: 28451 DevExpress
asp.net gridview with checkbox delete operations along with css,javascript styles.
 
03:14
asp.net gridview with checkbox delete operations along with css,javascript styles.
Views: 69 Ramkiran kotipalli
Autocomplete textbox using jquery in asp net
 
17:30
Link for all dot net and sql server video tutorial playlists https://www.youtube.com/user/kudvenkat/playlists?sort=dd&view=1 Link for slides, code samples and text version of the video http://csharp-video-tutorials.blogspot.com/2015/06/autocomplete-textbox-using-jquery-in.html In this video we will discuss, how to implement autocomplete textbox using jquery and asp.net. The suggestions should come from the database table. Stored procedure to retrieve employee name suggestions Create proc spGetStudentNames @term nvarchar(50) as Begin Select Name from tblStudents where Name like @term + '%' End StudentHandler.ashx code using System.Collections.Generic; using System.Configuration; using System.Data; using System.Data.SqlClient; using System.Web; using System.Web.Script.Serialization; namespace Demo { public class StudentHandler : IHttpHandler { public void ProcessRequest(HttpContext context) { string term = context.Request["term"] ?? ""; List<string> listStudentNames = new List<string>(); string cs = ConfigurationManager.ConnectionStrings["DBCS"].ConnectionString; using (SqlConnection con = new SqlConnection(cs)) { SqlCommand cmd = new SqlCommand("spGetStudentNames", con); cmd.CommandType = CommandType.StoredProcedure; SqlParameter parameter = new SqlParameter() { ParameterName = "@term", Value = term }; cmd.Parameters.Add(parameter); con.Open(); SqlDataReader rdr = cmd.ExecuteReader(); while (rdr.Read()) { listStudentNames.Add(rdr["Name"].ToString()); } } JavaScriptSerializer js = new JavaScriptSerializer(); context.Response.Write(js.Serialize(listStudentNames)); } public bool IsReusable { get { return false; } } } } Download jQuery UI from jqueryui.com. Copy and paste the following files in your project. a) jquery-ui.js b) jquery-ui.css c) images Add a WebForm to the ASP.NET project. Copy and paste the following HTML and jQuery code. <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="Demo.WebForm1" %> <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title></title> <script src="jquery-1.11.2.js"></script> <script src="jquery-ui.js"></script> <link href="jquery-ui.css" rel="stylesheet" /> <script type="text/javascript"> $(document).ready(function () { $('#txtName').autocomplete({ source: 'StudentHandler.ashx' }); }); </script> </head> <body style="font-family: Arial"> <form id="form1" runat="server"> Student Name : <asp:TextBox ID="txtName" runat="server"> </asp:TextBox> </form> </body> </html>
Views: 59958 kudvenkat
Part 38   CheckBoxList in asp net mvc
 
15:57
In this video we will discuss implementing a checkbox list in asp.net mvc. We will be using table "tblCity" for this demo. Using the link below for, Sql script to create table tblCity http://csharp-video-tutorials.blogspot.com/2013/06/part-38-checkboxlist-in-aspnet-mvc.html Add ADO.NET data model, to retrieve data from database table tblCity Right click on the "Controllers" folder, and add a "HomeController". Include the following 2 namespaces in "HomeController" using MVCDemo.Models; using System.Text; Copy and paste the following code. [HttpGet] public ActionResult Index() { SampleDBContext db = new SampleDBContext(); return View(db.Cities); } [HttpPost] public string Index(IEnumerable[City] cities) { if (cities.Count(x =] x.IsSelected) == 0) { return "You have not selected any City"; } else { StringBuilder sb = new StringBuilder(); sb.Append("You selected - "); foreach (City city in cities) { if (city.IsSelected) { sb.Append(city.Name + ", "); } } sb.Remove(sb.ToString().LastIndexOf(","), 1); return sb.ToString(); } } Right click on the "Views" folder, and a "Home" folder. Right click on the "Home" folder and "EditorTemplates" folder. Right click on "EditorTemplates" folder - Add - View. In the "Add View" dialog box, set View Name = City View Engine = Razor and click "Add". Copy and paste the following code in "City.cshtml" @model MVCDemo.Models.City @{ ViewBag.Title = "City"; } @Html.HiddenFor(x =] x.ID) @Html.HiddenFor(x =] x.Name) @Html.CheckBoxFor(x =] x.IsSelected) @Html.DisplayFor(x =] x.Name) Please Note: Put the templates in "Shared" folder, if you want the "Templates", to be available for all the views. Right click on the "Index" action method in "HomeController", and select "Add View" from the contex menu. Set View Name = Index View Engine = Razor and click "Add" Copy and paste the following code in "Index.cshtml" @model IEnumerable[MVCDemo.Models.City] @{ ViewBag.Title = "Index"; } [div style="font-family:Arial"] [h2]Index[/h2] @using (Html.BeginForm()) { @Html.EditorForModel() [br /] [input type="submit" value="Submit" /] } [/div] Text version of the video http://csharp-video-tutorials.blogspot.com/2013/06/part-38-checkboxlist-in-aspnet-mvc.html Slides http://csharp-video-tutorials.blogspot.com/2013/09/part-38-checkboxlist-in-aspnet-mvc.html All ASP .NET MVC Text Articles http://csharp-video-tutorials.blogspot.com/p/aspnet-mvc-tutorial-for-beginners.html All ASP .NET MVC Slides http://csharp-video-tutorials.blogspot.com/p/aspnet-mvc-slides.html All Dot Net and SQL Server Tutorials in English https://www.youtube.com/user/kudvenkat/playlists?view=1&sort=dd All Dot Net and SQL Server Tutorials in Arabic https://www.youtube.com/c/KudvenkatArabic/playlists
Views: 123530 kudvenkat
How to use style sheet in asp.net || use of css in asp.net
 
11:56
how to create css file and use it with asp.net application. this is easy way to implement cascading style sheet file in asp.net. For more info:- http://www.alchemysofttech.com
Views: 36 Alchemy Software
Data Table Using jQuery and Bootstrap
 
12:52
How to make data table using jquery and bootstrap, search table, sort table, table pagination, sum table, number page/row table
Views: 208780 Code Tube
Asp Net tutorial in Tamil part   22 Style sheet
 
07:12
for more videos http://onlinesmarteducation.com/
Views: 2403 Anto sujesh
ASP.NET Dropdownlist Forecolor BackColor Change Dynamically
 
05:42
In this ASP.NET Video tutorial we will learn: --How to change background and foreground color of Dropdownlist Item dynamically or you can say at run time --How to use Color enumeration with different colors
Views: 3299 Computer Programming

April fool theme games
Guarderia popular td games
Ruhland schwarzheide handball games
Lamborghini infernus vida real minecraft
Twisty balloon flower instructions