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: 32842 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: 21131 DevExpress
Asp.net: Create a Link-List with CSS Style in Table Row Design
 
10:22
with highlighted Rows, Lines vb.net
Views: 252 CodeDocu_com
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: 4298 Mukesh Chaudhary
Asp.net Login Page Design using Bootstrap Transparent Page
 
17:29
Asp.net Login Page with the use of bootstrap. using bootstrap it is a excellent look and feel of the page and more lovable. This Project Are made under visual studio 2015. Panel Image: http://file-upload.com/d/DR8V 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: 91196 Daily Tuition
8- ASP.NET| apply style التحكم في مظهر الصفحة
 
05:22
كيفية التحكم في مضهر الصفحة عن طريقة css
Views: 10441 TheNewBaghdad
ASP.NET Stylish Div Box Design and Table Design in CSS and HTML
 
31:16
This video explains the below points:ASP.NET Stylish Div Box Design and Table Design in CSS and HTML
Views: 177 Softchief Solutions
28 - ASP.NET Master Page Layout With CSS
 
06:19
It is better to use CSS with Master pages. Once your master page has been created then it is easy to maintain your codes. If you are not satisfied with a shared content, such as header or footer, all you have to do is modify the Master page and the modification would be reflected across all pages that you have applied the Master page to. Whenever you add a new page to your website, you will get an option to apply any Master to the new page. You can have multiple Master pages in one web application to give different pages a different look and feel.
Views: 48503 easyaspnet
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: 32325 kudvenkat
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: 7518 DevExpress
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: 67900 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: 18124 EJ Media
สอน ASP NET Webpages Razor #8  - Table Style & Pagination
 
15:56
สมัครรับข่าวสารใหม่ๆกับ KongRuksiam Studio ได้ก่อนใคร ได้ที่ :https://goo.gl/forms/a4D17rJfSu18DXGE2 Full Tutorial / วิดีโอสอนตัวเต็ม ติดต่อได้ที่เพจ : https://www.facebook.com/kongruksiamtutorial/shop ติดตามคลิปใหม่และข่าวสารของเราได้ที่ http://kongruksiamblogger.blogspot.com http://www.youtube.com/kongruksiamtutorial https://www.facebook.com/kongruksiamtutorial สนับสนุนช่อง หมายเลขบัญชี 981-635-1749 นายอาทิตย์ สิงห์นาครอง ธนาคารกรุงไทย Paypal : [email protected]
Views: 558 Kong Ruksiam
Bootstrap table classes
 
06:02
bootstrap table styles bootstrap table hover bootstrap table condensed bootstrap table border bootstrap table responsive bootstrap table example bootstrap table striped example bootstrap table with border bootstrap condensed table bootstrap responsive table example bootstrap table contextual classes example In this video we will discuss styling tables using bootstrap classes. table class provides light padding and horizontal lines table-striped class provides zebra-striping for the table rows table-bordered class provide borders on all sides of the table and cells. table-hover class provides highlighting of rows on hover table-condensed class makes table more compact by cutting cell padding in half To make a table responsive, place the table inside a div element, and apply table-responsive class on the div element. This will provide a horizontal scrollbar when the screen size is less than 768px (i.e on a small device). On a screen size larger than 768px you will not find any difference. Applying the table-responsive class directly on the table will not do anything useful. Use the bootstrap contextual classes to colour the table rows Link for slides, code samples and text version of the video http://csharp-video-tutorials.blogspot.com/2016/06/bootstrap-table-classes.html Link for all dot net and sql server video tutorial playlists https://www.youtube.com/user/kudvenkat/playlists?sort=dd&view=1
Views: 66853 kudvenkat
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: 49671 kudvenkat
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: 25127 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: 12664 ExcelCentral.com
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: 83864 sourav mondal
Setting up bootstrap
 
09:13
setup bootstrap using bootstrap with asp.net web forms simple bootstrap web page simple bootstrap page bootstrap sample page code bootstrap example page bootstrap files list bootstrap 3 folder structure twitter bootstrap folder structure how to use bootstrap in html step by step how to include bootstrap in html bootstrap first page template first bootstrap page In this video we will discuss how to download, set up and create our first bootstrap web page To get started with Bootstrap the first step is to download Bootstrap from http://getbootstrap.com. This website also has all the documentaion you need to get started with bootstrap. As of this recording the version is 3.3.6. With the download you get a single zip folder which contains all the required bootstrap components. Unzip the ZIP folder and you should see the following folder structure. Notice there are 3 sub-folders (css, fonts & js). Let us understand the use of each file, folder by folder. Files in "css" folder bootstrap.css - This is the core css for BootStrap that defines all the style for various controls and components bootstrap.css.map - When debugging the minified code, the line numbers do not refer to the orignal files. The file that has the .map extension which is also called as source map file fixes this problem by allowing the web debuggers to refer to the original context from where the code was generated. This file is useful during development. bootstrap.min.css - This is the compressed version meaning all the whitespaces, line breaks and any other extra characters have been removed. As a result the size of the minified file is smaller than the non-minified file. Minified version is usually used on a production server for efficient download where as the non minified version is used in development environment as it is more readable and easy to debug if there are issues. bootstrap.min.css.map - Source map file for bootstrap.min.css bootstrap-theme.css - As the name suggests this is the theme for bootstrap. Adding the core bootstrap.css is enough for bootstrap to work. The theme file is optional and is usually used for a visually enhanced experience. For example if you want 3D effects, gradients, shadows etc. bootstrap-theme.css.map - Source map file for bootstrap-theme.css bootstrap-theme.min.css - Minified version of bootstrap-theme.css bootstrap-theme.min.css.map - Source map file for bootstrap-theme.min.css Files in "fonts" folder There are 5 different font files from Glyphicons. These 5 different files are just different format of the Glyphicons font, to support different browsers. Files in "js" folder : These JavaScript files are optional. These are required if you want to use bootstrap widgets like picture carousel, dropdown menus, collapsible accordian etc. One important thing to keep in mind is that boostrap JavaScript has a dependency on jQuery, so a reference to jQuery must also exist on the page where you want to use Bootstrap. bootstrap.js - This is the non-minified readable version that is usually used during development. bootstrap.min.js - Minified version of bootstrap.js optimised for faster download. This is the version that is usually used in a production environment. npm.js - npm is a file from Node.js and is used for npm installing bootstrap. If you are new to Node.js, don't worry, this is not going to come in the way to understand bootstrap. For this course I am going to use Visual Studio 2013 as the editor. You can use any editor of your choice. Here are the steps to create your first web page with Bootstrap 1. Create a new empty ASP.NET web application project. Name it BootstrapDemo 2. To use bootstrap in your website, copy the folder that contains 3 sub-folders (css, fonts, & js) in your website project folder. 3. Add a new HTML file to the project. Name it index.html. 3. There is a basic template available at the following link. Copy and paste the template code in index.html http://getbootstrap.com/getting-started/#template Please note : The viewport meta tag ensure proper rendering and touch zooming on a mobile device. 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/2016/05/setting-up-bootstrap.html
Views: 287740 kudvenkat
DropDownList Bootstrap Style in ASP.NET C#
 
11:27
In this article i will show you how to add checkbox in dropdownlist. Also i will provide you how to add checkboxlist in dropdownlist. Here, i have used css file and .JS file to change ListBox into DropDownlist.
Views: 6240 ASPNET WEBFORM
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: 49125 kudvenkat
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: 13657 Technotips - Ashish
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: 60509 kudvenkat
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: 6364 Coder Baba
ASP.NET Label - how to style it (VB.NET)
 
01:56
Learn how to style ASP.NET Label using control attributes and CSS (VB.NET)
Views: 178 Code Wall
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: 38045 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: 47376 prashanth mp
Export gridview to excel in asp.net - Part 57
 
17:41
The HTML and the code used in the demo, can be found at the link below. http://csharp-video-tutorials.blogspot.com/2013/04/export-gridview-to-excel-in-aspnet-part.html Link for csharp, asp.net, ado.net, dotnet basics and sql server video tutorial playlists http://www.youtube.com/user/kudvenkat/playlists In this video, we will discuss about exporting gridview data to excel. Step 1: Create an asp.net web application project. Step 2: Drag and drop a gridview control and a button control on webform1.aspx. Autoformat the gridview control to use "BrownSugar" scheme. Set the following properties of the button control. ID="btnExportToExcel" Text="Export to excel" OnClick="btnExportToExcel_Click" Step 3: Copy and paste the following code in webform1.aspx.cs. The code is well commented and is self-explanatory. protected void Page_Load(object sender, EventArgs e) { if (!IsPostBack) { BindData(); } } private void BindData() { string CS = ConfigurationManager.ConnectionStrings["DBCS"].ConnectionString; using (SqlConnection con = new SqlConnection(CS)) { SqlDataAdapter da = new SqlDataAdapter("Select * from tblEmployee", con); DataSet ds = new DataSet(); da.Fill(ds); GridView1.DataSource = ds; GridView1.DataBind(); } } protected void btnExportToExcel_Click(object sender, EventArgs e) { // Clear all content output from the buffer stream Response.ClearContent(); // Specify the default file name using "content-disposition" RESPONSE header Response.AppendHeader("content-disposition", "attachment; filename=Employees.xls"); // Set excel as the HTTP MIME type Response.ContentType = "application/excel"; // Create an instance of stringWriter for writing information to a string System.IO.StringWriter stringWriter = new System.IO.StringWriter(); // Create an instance of HtmlTextWriter class for writing markup // characters and text to an ASP.NET server control output stream HtmlTextWriter htw = new HtmlTextWriter(stringWriter); // Set white color as the background color for gridview header row GridView1.HeaderRow.Style.Add("background-color", "#FFFFFF"); // Set background color of each cell of GridView1 header row foreach (TableCell tableCell in GridView1.HeaderRow.Cells) { tableCell.Style["background-color"] = "#A55129"; } // Set background color of each cell of each data row of GridView1 foreach (GridViewRow gridViewRow in GridView1.Rows) { gridViewRow.BackColor = System.Drawing.Color.White; foreach (TableCell gridViewRowTableCell in gridViewRow.Cells) { gridViewRowTableCell.Style["background-color"] = "#FFF7E7"; } } GridView1.RenderControl(htw); Response.Write(stringWriter.ToString()); Response.End(); } Step 4: Run the application and click on "Export to excel" button. You will get an error stating - Control 'GridView1' of type 'GridView' must be placed inside a form tag with runat=server. This is because, we are calling GridView1.RenderControl(htmlTextWriter) method. This causes .net to think that a Server-Control is being rendered outside of a Form. To fix this error, we need to override VerifyRenderingInServerForm() method. Copy and paste the following method in webform1.aspx.cs. public override void VerifyRenderingInServerForm(Control control) { } At this point, run the application and click on "Export to excel button. The data gets exported to excel as expected. However, when you try to open the file you will get a warning message stating - The file you are trying to open, 'Employee.xls', is in a different format than specified by the file extension. Verify that the file is not corrupted and is from a trusted source before opening the file. Do you want to open the file now? According to MSDN - The warning message is a user-notification function that was added to Excel 2007. The warning message can help prevent unexpected problems that might occur because of possible incompatibility between the actual content of the file and the file name extension. One way to resolve this error, is to edit the registry. Microsoft knowledge base article related to this error http://support.microsoft.com/kb/948615 If you want to export the same data to microsoft word, there are only 2 changes that you need to do. First Change: Change the file extension to ".doc" instead of ".xls" Response.AppendHeader("content-disposition", "attachment; filename=Employees.doc"); Second Change: Set the content type to word Response.ContentType = "application/word";
Views: 52538 kudvenkat
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: 59 Ramkiran kotipalli
Day - 7 - 12 - Adding HTML Table and Style in ASP.net
 
16:45
આ કોર્સ માં સંપૂર્ણ વેબસાઈટ બનાવવા માટે #ASP, #DotNet, #AJAX, #JavaScript, #jQuery and #CSS for ASP.net, #SQL #Database #Programming, Google #reCAPTCHA V2, #IdentityEntityFramework વગેરે શીખવા મળશે. આખો કોર્સ YouTube પર જોવા આ લીંક જૂવો https://goo.gl/kLEPPu DVD માં Full #Website #Development Programming (HTML, CSS, JavaScript, JSON, jQuery, ASP.net, C#.net, AJAX, SQL Database) વગેરે શીખવા માટે ના કૂલ ૧૫૩ HD વિડિયો, ગુજરાતી, અંગ્રેજી માં લખેલ થિયરી ફાઇલ, ૧૨૭ ઉદાહરણ ફાઇલ વગેરે બધુ આપવામાં આવશે. DVD ખરીદવાં અને વધું માહિતી માટે આ લીંક જૂવો https://goo.gl/gbx7Md
Views: 169 MafatShikho
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: 117882 kudvenkat
ASP.NET MVC C# Styling Tabel, Filter, & Tools Action on Table With WebIX
 
01:56:48
This Tutorial Explain Step By Step how To Creaet Filter Search, And Styling Wtih WebIX Framework. Prepare a Glass Cofee To Watch This Video . ^_^
Views: 598 me is hasan 7
Part 39   ListBox in asp net mvc
 
14:23
In this video we will discuss implementing ListBox in asp.net mvc. We will be using table "tblCity" for this demo. Please refer to Part 38, if you need the sql script to create and populate this table. Please watch Part 38, before proceeding. The generated listbox should be as shown below. Notice that for each city in table "tblCity", there is an entry in the listbox. For this demo, we will be using the "City" entity that we generated using ADO.NET entity framework, in Part 38. The first step is to create a ViewModel class. In asp.net mvc, view model's are used as techniques to shuttle data between the controller and the view. Right click on the "Models" folder, and add a class file with name=CitiesViewModel.cs. Copy and paste the following code. This class is going to be the Model for the view. public class CitiesViewModel { public IEnumerable[string] SelectedCities { get; set; } public IEnumerable[SelectListItem] Cities { get; set; } } 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(); List[SelectListItem] listSelectListItems = new List[SelectListItem](); foreach (City city in db.Cities) { SelectListItem selectList = new SelectListItem() { Text = city.Name, Value = city.ID.ToString(), Selected = city.IsSelected }; listSelectListItems.Add(selectList); } CitiesViewModel citiesViewModel = new CitiesViewModel() { Cities = listSelectListItems }; return View(citiesViewModel); } [HttpPost] public string Index(IEnumerable[string] selectedCities) { if (selectedCities == null) { return "No cities selected"; } else { StringBuilder sb = new StringBuilder(); sb.Append("You selected - " + string.Join(",", selectedCities)); return sb.ToString(); } } Right click on the "Index" action method in "HomeController" and select "Add View" from the context menu. Set View Name = Index View Engine = Razor and click "Add". Copy and paste the following code in "Index.cshtml" @model MVCDemo.Models.CitiesViewModel @{ ViewBag.Title = "Index"; } [div style="font-family:Arial"] [h2]Index[/h2] @using (Html.BeginForm()) { @Html.ListBoxFor(m =] m.SelectedCities, Model.Cities, new { size = 4 }) [br /] [input type="submit" value="Submit" /] } [/div] Note: To select multiple items from the listbox, hold down the CTRL Key. Text version of the video http://csharp-video-tutorials.blogspot.com/2013/06/part-39-listbox-in-aspnet-mvc.html Slides http://csharp-video-tutorials.blogspot.com/2013/09/part-39-listbox-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: 91307 kudvenkat
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: 8590 ASPNET WEBFORM
Part 153   Menu control in asp net
 
12:27
Text version of the video http://csharp-video-tutorials.blogspot.com/2013/10/part-153-menu-control-in-aspnet.html Slides http://csharp-video-tutorials.blogspot.com/2014/10/menu-control-in-aspnet.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 As the name speaks for itself, Menu control in asp.net is used to display a menu in an asp.net web application. The content for the Menu control can be specified directly in the control or the menu control can be bound to a datasource. We will discuss databinding in a later video session. In this video, let's discuss specifying the contents directly in the control. A Menu control is a collection of MenuItem objects. By default, the menu control is displayed using vertical orientation. If you want to change its orientation to Horizontal, use Orientation property. By default, StaticDisplayLevels Property is set to 1. This means only the first level is statically displayed. If you want 2 levels to be displayed statically, you would set this property to 2. To control the amount of time it takes for the dynamically displayed portion of a menu to disappear, use DisappearAfter property. This is in milliseconds. If you want the menu to disappear after 2 seconds, you would set it to 2000 milliseconds.
Views: 76770 kudvenkat
CSS Tutorial in Hindi - ID Name | asp.net cascading style sheet (css)
 
03:18
Learn CSS Tutorial in Hindi and asp.net cascading style sheet (css) tutorial. ID name use in ASP.Net
Views: 267 vikas nigam tech
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: 83 aspmantra
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
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: 5439 Md Minhaj
Introducing Bootstrap for ASP.NET Web Developement Across Multiple Devices
 
17:20
ASP.NET templates let you build a responsive Web site that looks good on mobile devices, tablets and PCs. The templates use the Bootstrap CSS Framework, which makes it really easy to build a responsive Web site and has great theming support. In this video, we'll show you how all of this works in Visual Studio 2013.
Create table in html css. colspan and rowspan | HTML tutorial 14
 
05:11
I am talking about how to create table in HTML and design this table using css cascading style sheet code. add table row tr in HTML. add table head th in HTML. add table defiition in HTML.add multiple row in HTML. how to use colspan in html and how to use rowspan in HTML. ~~~~~~~~~~~~ HTML stands for hypertext markup language use to create web page or web application which are viewed in web browser. but only HTML is not enough to develop a smart website. its need CSS and javascript too. in this playlist I have included HTML, CSS and little bit javascript so that you can create a smart website after watching this tutorial from beginning to ending. HTML tutorial for beginners. playlist https://www.youtube.com/watch?v=NhNrsnXT61M&list=PLINPYKVRUHyWRkhohiZAvrFQntgNexdqz&index=3 ~~~~~~~~~~~~~ Subscriber will be notified when I will upload new tutorials in future. Many more new tutorials coming soon, so stay tuned! https://www.youtube.com/swiftlearn ~~~~~~~~~~~~~ You can also know all the programming techniques, and bug fixing, error solution in my channel Swift learn. The main topics of this channel are c#.net, asp.net, WCF, sql server, crystal report, RDLC report, HTML, CSS, javascript, Android etc. ~~~~~~~~~~~~~ Share this video with anyone if you think as useful. Please leave any suggestions for future tutorials in the comment section below. ~~~~~~~~~~~~~ Connect with me https://www.facebook.com/groups/swiftlearn/ All playlist c# tutorial for beginners Swift Learn https://www.youtube.com/playlist?list=PLINPYKVRUHyXoPn0-4NIdFn8RrQQDdAki c# linq to sql tutorial Swift Learn https://www.youtube.com/playlist?list=PLINPYKVRUHyVsic1g2CUn2pR5aKjNd3Nc asp.net tutorial for beginners full Swift Learn https://www.youtube.com/playlist?list=PLINPYKVRUHyUjmHrYfAq1l8pe5eXhkZqF crystal report c# in sql Swift Learn https://www.youtube.com/playlist?list=PLINPYKVRUHyWao6CC3Eu0srQxJjgkfLsm RDLC Report tutorial https://www.youtube.com/playlist?list=PLINPYKVRUHyV3GDbpv4gmaOTf-5aX1ylm SQL Tutorial for beginners full Swift Learn https://www.youtube.com/playlist?list=PLINPYKVRUHyVOv6mx6xU7HEgGcfLk4Kmz HTML tutorial full course https://www.youtube.com/watch?v=dFvd2urgpT8&list=PLINPYKVRUHyWRkhohiZAvrFQntgNexdqz WCF Tutorial Step By Step https://www.youtube.com/watch?v=WCYZpeD2SnE&list=PLINPYKVRUHyXov5R5cAVidtfGWum6TLLT For details create table in html with css,how to create table in html with css,how to create table in html,html table,create table in html,create table in html using colspan and rowspan, colspan and rowspan,colspan and rowspan html, colspan and rowspan in html,rowspan and colspan in html,rowspan colspan table in html, html tutorial for beginners,html tutorial
Views: 106 Swift Learn
EmptyDataText and EmptyDataTemplate properties of asp.net gridview control - Part 27
 
07:46
Link for csharp, asp.net, ado.net, dotnet basics and sql server video tutorial playlists http://www.youtube.com/user/kudvenkat/playlists Link for text version of this video http://csharp-video-tutorials.blogspot.com/2013/03/emptydatatext-and-emptydatatemplate.html EmptyDataText and EmptyDataTemplate properties of asp.net gridview control - Part 27 By default an asp.net gridview will not display anything on the webform, if there are no rows in the datasource to which the gridview is bound. For example, let us say we are binding a gridview control to tblProduct table. If there are no rows in this table, then the gridview does not render any thing on the webform. If there are no rows, I want the gridview to display a message stating - "There are no products to display". There are 2 ways to achieve this. 1. Set EmptyDataText property of the gridview control OR 2. Use EmptyDataTemplate EmptyDataRowStyle Property can be used to set the display styles of the empty data row. If you set both, EmptyDataTemplate is used instead of EmptyDataText. The difference, between the 2 is that, if you want to have greater on what you want to display, then use EmptyDataTemplate. For example, I want the gridview to render an HTML table with a header and a message To achieve this I would use EmptyDataTemplate
Views: 20044 kudvenkat
Implement Grid.Mvc in ASP NET.MVC
 
13:19
Creating Simple Grid in ASP NET MVC Using Grid.MVC
Views: 28767 Md Minhaj
ASP.NET: Understanding how ASP.NET works | lynda.com
 
06:27
This specific tutorial is a single movie from chapter one of the ASP.NET Essential Training course presented by lynda.com author David Gassner. Watch more at http://www.lynda.com/ASP-NET-3-5-tutorials/asp-net-essential-training/784-2.html?utm_medium=viral&utm_source=youtube&utm_campaign=videoupload-lynda-784-0101 The complete course has a total duration of 6 hours and 5 minutes. ASP.NET Essential Training table of contents: Introduction 1. Getting Started 2. Using Microsoft SQL Server 2008 3. Creating ASP.NET Pages 4. Programming in ASP.NET 5. Creating Reusable Code 6. Using Cascading Style Sheets in Web Forms 7. Presenting Dynamic Data 8. Creating a Data Entry System 9. Validating User Input 10. Creating Reports 11. Managing Session State 12. Securing a Site with Forms Authentication 13. Deploying a Web Site Conclusion
Views: 57439 LinkedIn Learning
How to Change Bootstrap Theme for ASP.NET Core 2.0 MVC Web application
 
06:01
In this video will have quick look on how to change Bootstrap Theme for ASP.NET Core 2.0 MVC web applications. For free themes visit https://goo.gl/tnQMpz Kindly subscribe to my channel. Thank You, Happy Coding!
Views: 15703 Kasam Shaikh
Consuming ASP NET Web Service in AngularJS using $http
 
14:37
consuming asp.net web service in anggularjs using $http In this video we will discuss how to consume an ASP.NET Web Service in an AngularJS application. Let us understand this step by step from creating an ASP.NET web service to consuming it in an Angular application. Here is what we want to do 1. Create an ASP.NET Web service. This web service retrieves the data from SQL Server database table, returns it in JSON formt. 2. Call the web service using AngularJS and display employee data on the web page web.config file settings [?xml version="1.0" encoding="utf-8"?] [configuration] [connectionStrings] [add name="DBCS" connectionString="server=.;database=SampleDB; integrated security=SSPI"/] [/connectionStrings] [system.web] [webServices] [protocols] [add name="HttpGet"/] [/protocols] [/webServices] [/system.web] [/configuration] WebService (ASMX) using System; using System.Collections.Generic; using System.Configuration; using System.Data.SqlClient; using System.Web.Script.Serialization; using System.Web.Services; namespace Demo { [WebService(Namespace = "http://tempuri.org/")] [WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)] [System.ComponentModel.ToolboxItem(false)] [System.Web.Script.Services.ScriptService] public class EmployeeService : System.Web.Services.WebService { [WebMethod] public void GetAllEmployees() { List[Employee] listEmployees = new List[Employee](); string cs = ConfigurationManager.ConnectionStrings["DBCS"].ConnectionString; using (SqlConnection con = new SqlConnection(cs)) { SqlCommand cmd = new SqlCommand("Select * from tblEmployees", con); con.Open(); SqlDataReader rdr = cmd.ExecuteReader(); while (rdr.Read()) { Employee employee = new Employee(); employee.id = Convert.ToInt32(rdr["Id"]); employee.name = rdr["Name"].ToString(); employee.gender = rdr["Gender"].ToString(); employee.salary = Convert.ToInt32(rdr["Salary"]); listEmployees.Add(employee); } } JavaScriptSerializer js = new JavaScriptSerializer(); Context.Response.Write(js.Serialize(listEmployees)); } } } Script.js var app = angular .module("myModule", []) .controller("myController", function ($scope, $http) { $http.get("EmployeeService.asmx/GetAllEmployees") .then(function (response) { $scope.employees = response.data; }); }); HtmlPage1.html [!DOCTYPE html] [html xmlns="http://www.w3.org/1999/xhtml"] [head] [title][/title] [script src="Scripts/angular.js"][/script] [script src="Scripts/Script.js"][/script] [link href="Styles.css" rel="stylesheet" /] [/head] [body ng-app="myModule"] [div ng-controller="myController"] [table] [thead] [tr] [th]Id[/th] [th]Name[/th] [th]Gender[/th] [th]Salary[/th] [/tr] [/thead] [tbody] [tr ng-repeat="employee in employees"] [td]{{employee.id}}[/td] [td]{{employee.name}}[/td] [td]{{employee.gender}}[/td] [td]{{employee.salary}}[/td] [/tr] [/tbody] [/table] [/div] [/body] [/html] 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/11/consuming-aspnet-web-service-in.html
Views: 221478 kudvenkat

Do i need a prescription for generic viagra
Reglan 10 mg medicine
Glucophage genericos
There generic zocor manufacturers
Bula ursacol 150 mg viagra