Skip to main content

Posts

Showing posts from August, 2013

Featured Post

How to use Tabs in ASP.NET CORE

I want to show Components in a tabs , so first of all create few components. In this project we have three components, First View Component  public class AllViewComponent : ViewComponent     {         private readonly UserManager<ApplicationUser> _userManager;         public AllViewComponent(UserManager<ApplicationUser> userManager)         {             _userManager = userManager;         }         public async Task<IViewComponentResult> InvokeAsync()         {             List<StudentViewModel> allUsers = new List<StudentViewModel>();             var items = await _userManager.Users.ToListAsync();             foreach (var item in items)             {                 allUsers.Add(new StudentViewModel {Id=item.Id, EnrollmentNo = item.EnrollmentNo, FatherName = item.FatherName, Name = item.Name, Age = item.Age, Birthdate = item.Birthdate, Address = item.Address, Gender = item.Gender, Email = item.Email });             }            

How to Use Calendar Control: WPF

To select a date in our client application, enter the date into a textbox and then convert it to the particular class i.e. DateTime. What, if there is an in-built control to select a date, month and a year also. Calendar control is used to do these task and look like the following: The image shows three display modes of this calendar control i.e. month, year and decade respectively. By default it is Month view (the first view). User can switch the view to click on month and then year and so on. It have some commonly used properties which are: DisplayDate : To specify the displayed date in the calendar control. Assign the date in the system date format. SelectedDate : change the currently selected date. Used as the display date. If the control shows the old date we can change it to current using following code: <Calendar SelectedDate="{x:Static sys:DateTime.Now}"/> SelectionMode : it provides multiple modes for selection like “MultipleRange”. We can select a

Ways to Use Button Control: WPF

Button, a simple and small name to listen in all the programming languages. All the windows, forms, dialog boxes and even user controls mostly use this button to be performed some action. Open, close, submitting a form and whatever to do can also be performed by button. Button control is of content control type, means it have a content property to be assigned by us. The content may be a string or anything that can be used under the conditions. <Button Name=”loginButton” Content=”Click to Login”></Button> The above button will look like a standard button control and saying the user to click if he/she want to login. Actually, it only have its content property, doesn’t have defined any action to be performed when user will click. So click event have to be defined to perform an action when user click on it. <Button Name="loginButton" Content="Click to Login" Click="loginButton_Click"></Button> In the code behind file the cl

How to use Panel Control in ASP.NET

The Panel Control The Panel control is one of the most frequently used controls. It creates a borderless division on the form, by using this division one can place the controls inside this control. This control exists within System.Web.UI.WebControls namespace. The panel control are useful when you want to show or hide a group of controls at once or when you want to add controls to a Web page through code. How to change panel background color dynamically When you add a panel control on a Web page (panelcontrol.aspx), it adds the following code to the source code of the Web page. <asp:Panel ID="Panel1" runat="server"></asp:Panel> In this example , we have placed two panel controls on the Web page. The first control contains two RadioButton controls showing color options on the button Control's click event. The second Panel control displays the color selected by any of the RadioButton control. <%@ Page Language="C#" %>

ASP.NET: Total list item count in DropDownlist

Example of count List Item <%@ Page Language="C#" %> <!DOCTYPE html> <script runat="server">     protected void Button1_Click(object sender, EventArgs e)     {         string s = "Total item of the dropdownlist are<br/>";         s = s + DropDownList1.Items.Count;         string s1 = "Total item of the listbox are <br/>";         s1 = s1 + ListBox1.Items.Count;         Label1.Text = s + "<br/>" + s1;             } </script> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server">     <title></title> </head> <body>     <form id="form1" runat="server">     <div>         <strong>HOW TO COUNT LISTITEM IN A DROPDOWNLIST</strong>         <br />         <asp:DropDownList ID="DropDownList1" runat="server" Height="46px" Width="

How to use Table Control in ASP.NET

The Table Control The Table control helps create a table. The control is useful when you want to present data in a tabular format. This control exists within the System.Web.UI.WebControls namespace. Web designers often use tables for the right placement of elements in Web pages. You can create a Table at design-time or runtime, depending on The requirement of the project. Public Properties of the Table Class Caption : Obtains or sets the text to render in an HTML caption element in a Table control. GridLines : Obtains or set the grid line style to display in the Table control  Example of the Table Control in ASP.NET 1. Add table rows to the Table Control with the help of the TableRow Collection Editor dialog box by selecting the Table control in the design-mode and clicking the ellipse(...) button in front of its Rows properties in the Properties window. 2. For adding new table rows to the Table control, click the Add button in the TableRow Collection Editor dialo

How to Design Better UI: Border Control in WPF

Whenever we use a control in our WPF window, it feels a simple look in our design view. Border control is used to draw a border around other control. Borders generally play an important role to generate a better UI for the application. It have some properties as other controls have like: BorderBrush : used to specify color for the border. BorderThickness : thickness of the border. By default it is zero. CornerRadius : denote the degree to which the corner of border are rounded. And many more common properties as WPF controls have like width, height, alignment properties, background, margin, padding and etc. Consider the following code <Button Width="200" Height="30" Content="Button Without Border" Grid.Row="0"></Button> <Border Width="200" Height="30" BorderThickness="2" BorderBrush="Aqua" Grid.Row="1" > <Button Content="Button With Border"></But

How to use Button Control in ASP.NET

The Button Control The Button control is used for performing action or generating events. There are two types of buttons are available in DOTNET library , First one is push button and another one is command Button. By Default you use push button if you want to make command button then assign some value to the command name property of the button. Button Control available in System.Web.UI.WebControl Class. If you want to perform some action on button control then you must use Click event of the button. You can run your JavaScript code in DOTNET easily so If you want to perform client-side events on Button control then you must use OnClientClick property of the Button. OnClientClick :   The Client-side script that is executed on a client-side OnClick Example of Client side event and server side event <%@ Page Language="C#" %> <!DOCTYPE html> <script>     function Welcome() {         alert("Welcome, Example of client side");     } <

How to use Scrolling in WPF: ScrollViewer Control

Most often times in the programming we don’t know about the size of the content to be displayed. The content may be fit in to the allotted area or may be larger than. That’s why in WPF there is a control i.e. ScrollViewer which can enable scrolling of those content whenever the content goes out to the display area. ScrollViewer makes use of Scroll Bar controls and hooks them up to your content automatically. Just wrap your element in a Scroll Viewer to make it scrollable. I have used a textblock with large content (unfit to allotted area) in a stack panel as in following code in C# language: <StackPanel> <TextBlock Text="dotprograming is the latest group in the education field which gives accurate information about programming language"></TextBlock> </StackPanel> Run the WPF window and look out the result. In the above image the content have been hidden and we can’t check the content without maximizing the window. But what about if t

How to open and close connections with ADO.NET

ADO.NET enables applications to connect to data sources and manipulate the data.  In ADO.NET object model, the data is retrieved through a data provider. An application can access data either through a dataset or a data reader. You have to create a connection and then provide connection string, to move data between data source and an application. SqlConnection class is used to open a connection and also have some more methods: ConnectionString : It is a property provides information like database name and data source. Open () : used to open a connection. It Needs connection string to open a connection. Close () : used to close an existing connection. For example, the following code will create an object of SqlConnection class and then create a connection a connection string to the database in c# language. SqlConnection connection = new SqlConnection(); connection.ConnectionString = “Data Source=(LocalDB)\v11.0;Initial Catalog=StockDb; Integrated Security=True”; Here in th

How to use RadioButton Control in ASP.NET

The RadioButton Control Similar to the CheckBox control , a RadioButton control creates a single radio button . The RadioButton control exists within the System.Web.UI.WebControls namespace . The RadioButton controls can be grouped, where only one RadioButton control can be selected at a time. In web forms, You have to set the RadioButton's GroupName property to the same value to associate them into a group. Use of the RadioButton Where you want to select only single item in given multiple items. In BioData Forms you have to select gender Public Properties of the RadioButton Class GroupName : Obtains the name of the group to which radio button belongs. Example of RadioButton Control in ASP.NET <%@ Page Language="C#" %> <!DOCTYPE html> <script runat="server">     protected void RadioButton1_CheckedChanged(object sender, EventArgs e)     {         result.Text = "You have Selected <br/>" + RadioBu

How to use CheckBoxList Control in ASP.NET

The CheckBoxList Control you can use a CheckBoxList control to display a number of check boxes at once as a column of check boxes. The CheckBoxList control exists within the System.Web.UI.WebControls namespace. This control is often useful when you want to bind the data from a datasource to checkboxes . The CheckBoxList control creates multiselection checkbox groups at runtime by binding these controls to a data source. Use of CheckBoxList Control Where you find multiple options.  In Shoping Site where you find sub category under category  Example of CheckBoxList Control in ASP.NET   <%@ Page Language="C#" %> <!DOCTYPE html> <script runat="server"> protected void CheckBoxList1_SelectedIndexChanged(object sender, EventArgs e)     {         string s = "Your selected books are<br/>";         foreach (ListItem s1 in CheckBoxList1.Items)         {             if (s1.Selected)             {            

Print Image using PrintDialog Box

To print images in windows forms Graphics class and its various methods are used. Graphics class provides methods for sending objects to a device such as printer. Add a printDocument,  printDialog and a button to the windows form application. In the code behind file create an object of Bitmap class which will be used to create an image. Write a function to capture the screen to be printed just like written in the below code: private void CaptureScreen() { Graphics graphics = this.CreateGraphics(); graphics.DrawRectangle(Pens.Black, 50, 50, 300, 100); image = new Bitmap(300, 300, graphics); Graphics g = Graphics.FromImage(image); g.CopyFromScreen(this.Location.X, this.Location.Y, 0, 0, this.Size); } In the above code a rectangle will be drawn at the given location. CopyFromScreen() function used to performs a bit-block transfer of the color data, corresponding to a rectangle of pixels, from the screen to the drawing surface. In the click event of code write the follo

PrintDialog Box Control in Windows Forms

To print any text or image, print Dialog box is used which is in-built control in windows forms. To invoke the default print dialog box, you need to either add the PrintDialog and PrintDocument control from the toolbox or create an instance of the same classes. The following image shows the default Print Dialog box. Printing Text In this topic we will print the text from textbox to the printer attached with the computer. Just add a textbox and a button to the form. The click event of button should be look like the following code in C# language: private void button1_Click(object sender, EventArgs e) { printDialog1.Document = printDocument1; DialogResult res = printDialog1.ShowDialog(); if (res == DialogResult.OK) printDocument1.Print(); } Now when we check out the above code, text to be print is not specified there. To specify the text to be print printPage event of print document is used. The print page event will be: private void printDocument1_PrintPage(ob

FolderBrowserDialog Control in Windows Forms

Browse for folder dialog box is used to select a folder to save or open a file. Most often you may need to select a particular folder to open or save a file in windows based application. It enables user to select any folder on system and to retrieve the path of a folder selected by the user. Following image shows the Browse for Folder dialog box: This dialog box is similar to open file dialog box except that it enables user to work with folders. To show this type of dialog box just add Folder Browser Dialog box from toolbox or create an object of this class. Write folderBrowserDialog1.ShowDialog(); in the click event of button. To open the default browse for dialog box write the following code in the click event of a button: private void folderBrowse_Click(object sender, EventArgs e) { FolderBrowserDialog folderBrowserDialog = new FolderBrowserDialog(); folderBrowserDialog.ShowDialog(); } See also:  OpenFileDialog Box Control

How to use CheckBox Control in ASP.NET

Introduction The Checkbox control creates a check box that can be selected by clicking it. The control exists within the System.Web.UI.WebControls namespace. The Checkbox control displays checkmarks that allow the user to toggle between a True or False condition. Public Properties of the Checkbox Class AutoPostBack : Obtains a value showing , if the CheckBox state automatically post back to the server when clicked or not. Checked : Obtains a value showing , if the CheckBox control is checked or not. Text : Obtains the text label associated with the CheckBox control. Example of CheckBox control in ASP.NET <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %> <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server">     <title></title> </head> <body>     <form id="form1" runat=

XNA : How to show Image in Windows Phone Game

Step-1 : Right below the SpriteBatch spriteBatch ; line , add the following : GraphicsDeviceManager graphics;         SpriteBatch spriteBatch;         Texture2D texture;         Rectangle current = new Rectangle(40, 40, 100, 75); These are all the variables you will need for the show image in window Phone game , here is a quick breakdown: texture : The Texture2D class holds a two dimensional image . We will define a small texture in memory to use when drawing the image. current : The XNA Framework defines a structure called Rectangle that can be used to represent an area of the display by storing the x and y position of the upper left corner along with a width and height. Step-2 : Add the following code to the LoadContent( ) method after the spriteBatch initialization: spriteBatch = new SpriteBatch(GraphicsDevice);             texture = Content.Load<Texture2D>(@"squ"); Here: 1. Download image from internet 2. Save the image as squ.bmp in a tempora

Virtual class room project in ASP.NET

Introduction  A virtual class can conduct online classes by some tutors.Virtual class is a way of representing logical education. Project contain facilities Add new students  Online payment Admin panel Tutor panel Add new Tutor with tutor-id Session tracking Feed back System Student Query generation  Add New Student module : In which we can add new student with student profile such as student name , Student college name , payment detail etc. Admin panel : In which a administrator can hold all activity such as : Add new tutors , Approve tutors , Approve students detail , monitor work done by tutor etc. Tutor panel : A tutor can upload files within in current time.Solve queries generated by students using FAQ Requirement of the application Visual Studio 2010  SqlServer 2008 How to run your Application   First you need to fulfill requirement which is above mentioned. After that open your website in visual studio 2010 and run your application. Steps for

FileDialogBox control in Windows Forms

It is an abstract class, therefore we cannot instantiate it directly. We can use OpenFileDialog or SaveFileDialog to open a file or to save a file respectively. Just run the open or save dialog boxes is not sufficient to open or save a file, we have to use I/O streams to do these simple tasks. OpenFileDialog To open an existing file and see the content of that file, OpenFileDialog box is used. It is same in all window application as shown in following image: To open this dialog box just add an open file dialog control from toolbox and write openFileDialog1.ShowDialog(); in the click event of button. SaveFileDialog   To save a file after creating of modifying you have to save that file using SaveFileDialog box at the specified location. Following figure shows the preview of SaveFileDialog box. To open this dialog box the same procedure will be followed up. Just add a SaveFileDialog and write saveFileDialog1.ShowDialog() ; in the click event of button. To open the

Font Dialog Box Control in Windows Forms

While working on windows-based application, you might have to change the font size, style or related to font. Just like MS-Word there should be a font dialog box to differentiate some text from common text in the file. This can be done using Font Dialog box shown in following image: To add this box just drag-n-drop font dialog control from the toolbox. Add a textbox and a button on the form with text property “change font”. Button will used to show the font dialog box and then all the changes made in dialog box will appear in the text box. By default a textbox has Microsoft Sans Serif as font, Regular as font style and 8 as font size. Now change these values as Font = Monotype Corsiva FontStyle = Bold FontSize = 12 from the font dialog box and then click on ok button. We can see the text has been changed in our textbox as in following diagram. Following code has to be written in the click event of button to perform these simple task: private void changeFont_Cli

ColorDialogBox Control in Windows Forms

Common dialog class is the base class for displaying common dialog boxes. One can access these boxes like Font dialog box, Open dialog box, Print dialog box etc. by using inherited classes of this base class. All these inherited classes overrides RunDialog() method which is automatically called when user calls the ShowDialog() method. Color Dialog Box To change the color of anything you want like text color, background color or foreground color of any control dynamically, we can use color dialog box. A simple look on color dialog box: To add this box just drag-n-drop color dialog control from the toolbox. Add a textbox and two buttons on the form with text property background and foreground respectively as shown in the following image: Write the following code snippet (C# language) in click event of both button respectively: private void backgroundButton_Click(object sender, EventArgs e) { colorDialog1.ShowDialog(); textBox1.BackColor = colorDialog1.Color; } pr

Error Provider Control in Windows Forms

When using validation, programmer should have notify a message if there is a problem with the input entry. That notification can be shown using message box, status label control etc. The one more control to notify an error message to user is error provider control. Error provider control can be used to display an error message, whenever the user positions the mouse pointer over the error icon. To add an error provider control, you can drag-n-drop it from the toolbox to the form. Some of the properties of this control are: BlinkStyle : whether the error icon blinks or not when an error is set. BlinkRate : rate at which the error icon blinks. ContainerControl : contains the controls on which this control can display icons. Here are some methods which are mostly used with error provider: Clear() : clear all the errors associated with it. GetError() : returns current error string for the specified control. SetError() : set the error for specified control. To set an error f

XNA Game : SquareChase

The Basic Aim of the Game In SquareChase , we will generate randomly positioned squares of different colors while the user attempt to catch them with their mouse pointer before they disappear . System requirements of the project First you need to install visual c# 2010 and XNA framework extensions.Your system has support graphics card (Shader Model 1.1 Support, Direct X 9.0 support) How to design the game First you need to initialize the graphics object in your XNA Game class constructor. graphics = new GraphicsDeviceManager(this); Content.RootDirectory = "Content"; Make the mouse pointer visible by adding the following before the call to  base.Initialize(); this.IsMouseVisible = true; here is the one override Initialize()  method is to call LoadContent() when the normal initialization has completed. The method is used to read in any graphical and audio resources your game will need. Screenshot of the game Project Source code https://docs.googl

Status Strip Container Control in Windows Forms

StatusStrip container control is used to display objects that are on the current form and also to provide feedback on the progress of any progress of any operation being performed by the form. Some of the properties of this container control are: Items : collection of items to be displayed on the control. LayoutStyle : specifies the layout orientation of the control. Dock : defines the border of control which will bind to the parent control. Status strip control contains four child controls that can be placed as and when required. The child controls are: Status Label Control Works as a Label control. Used to display status information and prompt the user for a valid entry. It has some properties to be used by programmer like Text : text to be displayed on the control. Spring : whether the item fills up the remaining space or not. It is a Boolean type property. TextAlign : specify the alignment of the text. ProgressBar Control Used to show the status of the task perfor

ASP.NET : How to use Link Button control

The LinkButton control is another standard Web server control used to link the current Web page to some other Web page, similar to the HyperLink control. The only difference between the two is that the HyperLink control just allows the browser to navigate to a new Web Page, whereas in the LinkButton control, we can also perform some other action by handling the click and Command events of this control. Use of the LinkButton control Best use in Signin/Signout button Design horizontal/vertical menu bar  In bulleted list  Define product category Snapshot of the link button control SignOut Example of LinkButton <%@ Page Language="C#" %> <!DOCTYPE html> <script runat="server">     protected void LinkButton1_Click(object sender, EventArgs e)     {         Session.Abandon();         Response.Redirect("Default.aspx");     } </script> <html xmlns="http://www.w3.org/1999/xhtml"> <head run

Passing Values from DataGridView between Different Forms

Sometimes we need to transfer all the rows and columns of a DataGridView from one form to another. In this article I will transfer all the binded data of first form's grid view and bind them to second form's grid view. Create two forms with dataGridView in each and a button on first form. Create a class to which your datagridview will bind like i create a student class having Name, Age and address field. Bind the first form's gridview in C# language as studList.Add(new Student() { Name = "Jacob", Age = 23, Address = "London" }); studList.Add(new Student() { Name = "Jaklin", Age = 25, Address = "US" }); studList.Add(new Student() { Name = "Julia", Age = 26, Address = "UK" }); dataGridView1.DataSource = studList; In the click event of button write the following code in C# language List<Student> tempList = dataGridView1.DataSource as List<Student>; new Form1(tempList).ShowDialog(); And yo

Windows Store Apps : Write simple Hello world

Getting started with windows store Step-1 : Download windows 8 sdk from Microsoft website http://msdn.microsoft.com/en-us/library/windows/desktop/hh852363.aspx Step-2: Select Windows store Apps from file-->New-->Project-->Visual C# -->Windows store Step-3: Select "MainPage.xaml" file in solution explorer. You can make use of the TextBlock control for displaying Text on the screen.The TextBlock control has a property called Text that you can set to "Hello World" after press button. Step-4: Paste this code into your "MainPage.xaml" file   < Page x : Class ="Helloworld.MainPage" xmlns ="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns : x ="http://schemas.microsoft.com/winfx/2006/xaml" xmlns : local ="using:Helloworld" xmlns : d ="http://schemas.microsoft.com/expression/blend/2008" xmlns : mc ="http://schemas.o