-->

Monday, September 30, 2013

Change Border Color dynamically in ASP.NET

There is two method for change border color of dropdownlist in asp.net . In first method you can use System.Drawing.Color.Blue enumeration for changing color.

DropDownList1.BorderColor = System.Drawing.Color.Red;
In Second method you can use DropDownList1.Attributes.Add() method.

DropDownList1.Attributes.Add("style", "value");

Lets take an simple example . Drop one dropdownlist control to the design page and handle  SelectedIndexChanged event.


<%@ Page Language="C#" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<script runat="server">

    protected void DropDownList1_SelectedIndexChanged(object sender, EventArgs e)
    {
        DropDownList1.Attributes.Add("style", "border-color:" + DropDownList1.SelectedItem.Text);
        DropDownList1.BorderWidth = 5;
        DropDownList1.BorderStyle = BorderStyle.Dashed;
     
     
    }
</script>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <asp:DropDownList ID="DropDownList1" runat="server" AutoPostBack="True"
            Height="22px" onselectedindexchanged="DropDownList1_SelectedIndexChanged"
            Width="223px">
            <asp:ListItem>Red</asp:ListItem>
            <asp:ListItem>Green</asp:ListItem>
            <asp:ListItem>Black</asp:ListItem>
        </asp:DropDownList>
    </div>
    </form>
</body>
</html>

Output
Change Border Color dynamically in ASP.NET

Sunday, September 29, 2013

How to use Anchor property of control in windows form

Anchoring is one of the ways that WinForms provides for automatic layout control of your forms and the controls contained therein. By default, all controls are anchored to the upper-left, so that as the form is resized and moved, all controls are kept at their position relative to the upper-left corner of the form. However, in this case, we'd clearly like to have the text box controls widen or narrow as the form is resized. 

Without set right edge in anchor property

How to use Anchor property of control in windows form
Before Re-sizing

How to use Anchor property of control in windows form
After Re-sizing
To change the text boxes so that they anchor to the right edge as well as the top and left edges is a matter of clicking on the anchor rectangle on the right and changing the Anchor property to Top, Left, Right.

Set Top, Left and Right edge in anchor property

How to use Anchor property of control in windows form
Before Re-sizing
After set
How to use Anchor property of control in windows form

How to use Anchor property of control in windows form
After set re-sizing property

How to add Selected Item from ComboBox to ListBox in Windows form

Introduction

In my previous post we have been bind DropdownList using Complex datatype . Today we will learn how to add Selected Item from ComboBox to ListBox on button click event. follow some steps for add items to ListBox.

Step-1: Take a class file with some fields in the application.

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;

namespace CoffieShop
{
  
    class CoffieShop
    {
        public string Product_Name { get; set; }
        public decimal price { get; set; }

    }
}

Step-2: Drop a ComboBox control to the design window.
Step-3: Create a instance of the List class also bind list with the class.

namespace CoffieShop
{
    public partial class Form1 : Form
    {
        List<CoffieShop> item = new List<CoffieShop>();

}
}

Step-4:  Initiate class fields with some value and add to the List in Form_Load Event

 public Form1()
       {
           item.Add(new CoffieShop() { Product_Name = "pizza", price = 12.12M });
           item.Add(new CoffieShop() { Product_Name = "burger", price = 15.12M });
      
            InitializeComponent();
        } 
Step-5: Drop One Button Control to the Design window
Step-6: Add selected item from ComboBox to ListBox control on Button_Click Event
  private void button3_Click(object sender, EventArgs e)
        {
           var pro = comboBox1.SelectedItem as CoffieShop;
           listBox1.Items.Add(pro);
           listBox1.DisplayMember = "Product_Name";


            
            
        }
Complete code
using System;
using System.Collections.Generic;
using System.ComponentModel;
using System.Data;
using System.Drawing;
using System.Linq;
using System.Text;
using System.Windows.Forms;


namespace CoffieShop
{
    public partial class Form1 : Form
    {
        List<CoffieShop> item = new List<CoffieShop>();
   
        public Form1()
       {
           item.Add(new CoffieShop() { Product_Name = "pizza", price = 12.12M });
           item.Add(new CoffieShop() { Product_Name = "burger", price = 15.12M });
   

         
            InitializeComponent();
        }

        private void Form1_Load(object sender, EventArgs e)
        {
            comboBox1.DataSource = item;
            comboBox1.DisplayMember = "Product_Name";
        }

        private void button3_Click(object sender, EventArgs e)
        {
           var pro = comboBox1.SelectedItem as CoffieShop;
           listBox1.Items.Add(pro);
           listBox1.DisplayMember = "Product_Name";


         
         
        }
     
 
    }
}

Output
How to add Selected Item from ComboBox to ListBox in Windows form

How to Make TextBox Control ReadOnly: WPF

In our previous post, we have enable the spell check feature of the textbox, through which user can check the spellings of the word entered and correct it. As we know that the textbox is used to input any value by the user, but it can be used to display fix text on the screen.

To display fix text that cannot be edited by the user, we have to make the textbox read-only. The textbox have a property IsReadOnly, that is set to be true to enable this feature. Just write the following XAML code snippet:
<TextBox Width="300" Height="25" Margin="5"
Text="This is the correct line and you cannot edit it."
 IsReadOnly="True">
</TextBox>
Now run the code and a textbox will display with the above text written. The thing to check is, this textbox have its fix text and the user can not vary that text.

How to make read-only textbox in WPF XAML

So the read-only property is used to make the textbox read-only for the users. We can validate the input entered by the user by writing some line of code in our code part. We will validate the input in our next article.

Saturday, September 28, 2013

Difference between Application.Run() and form.showDialog() method in windows form

class program {
  static void Main() {
    Form form = new Form();
    form.ShowDialog();
  }
}

This code would show a blank form and wait for the user to close it before returning control to the Main function, but it's not the code you will generally be writing. Instead, to make it accessible in other parts of your application, you'll be designating one form as the main form. To do this, pass the main form as an argument to the Run method of the Application object, which also resides in the System.Windows.Forms namespace

class program {
  static void Main() {
    Form form = new Form();
    Application.Run(form);
  }
}

The Application class's static Run method will show the main form, and when it's closed, Run will return, letting our Main function exit and closing the process.


ImageUrl Property of Hyperlink Control example

Example of ImageUrl Property

If you want to use image in place of Text on hyperlink control then you must specify the ImageUrl Property to the Hyperlink control. If you have been set ImageUrl then your Text will be hide because Image priority is high compare to text.

Lets take an example 


<%@ Page Language="C#" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<script runat="server">

</script>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <asp:HyperLink ID="HyperLink1" runat="server" ImageUrl="~/submit.jpg"
            NavigateUrl="Http://www.google.com">HyperLink</asp:HyperLink>
    </div>
    </form>
</body>
</html>


Output
ImageUrl Property of Hyperlink Control example

How to run javascript code on Label Text in ASP.NET

<%@ Page Language="C#" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<script runat="server">

    protected void Page_Load(object sender, EventArgs e)
    {
 
     
    }
</script>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <asp:Label ID="Label1" runat="server" Text="JavaScript:<script>alert('hello');</script>"></asp:Label>
    </div>
    </form>
</body>
</html>

Output
How to run javascript code on Label Text in ASP.NET

© Copyright 2013 Computer Programming | All Right Reserved