Monday, October 29, 2007

How to make a TreeView Control in ASP.Net 1.1 and populate it from the database.

As Treeview control is not a control in ASP.Net1.1 so we have to use a third party control, to compensate for that.
The following article will help you in that:-
Downloaded Web-Controls from one of links below:

1)http://msdn.microsoft.com/library/default.asp?url=/workshop/webcontrols/behaviors/library/treeview/treeview.asp
2)http://msdn.microsoft.com/archive/en-us/samples/internet/asp_dot_net_servercontrols/webcontrols/(This has the installable).

a)After running the installable, we get a folder named IE Web Controls in
C:\Program Files.
b)Then execute the Build.bat file ( A folder named Build will be created).
c)Copy the dll to your Project Bin Folder.
d)Since we have already copied the Web Control(dll) to our Project Folder(BIN)
e)In the Solution Explorer(.net) add a new Reference, a Dialog Box will open.
Browse to the Microsoft.Web.UI.WebControls (which is residing in the BIN folder
of your current project)by clicking the Browse Button.
f)Now create a folder named webctrl_client under c:\inetpub\wwwroot and under
webctrl_client create a folder named 1_0.
g)In the folder 1_0 copy the content of the Runtime under C:\Program Files\IE Web
Controls\build.

Now you are ready to use the Treeview control in your Project.
Add the following namespaces in your webpage where you shall be using the treeview control:
import namespace="Microsoft.Web.UI.WebControls"
Register TagPrefix="Treeview1" Namespace="Microsoft.Web.UI.WebControls"
Assembly="Microsoft.Web.UI.WebControls"

Add the following tag in the HTML part:
VIEW1:TREEVIEW id=Treeview1 runat="server" Width="194px" Height="185px" BackColor="LavenderBlush" BorderStyle="Ridge" AutoPostBack="True" ExpandLevel="1" Enableviewstate="true" onselectedindexchange="cal" NAME="Treeview1">Populating the Treeview Control from the database:
Write the following in Public Fuction Cal()
Create a new node for the tree-
Dim node as TreeNode()
chan_desc=DS1.Tables("Channel").Rows(i).item("channel_desc")
chan_id=DS1.Tables("Channel").Rows(i).item("channel_id")
node.Text=chan_desc
node.Id=chan_id
noder.Nodes.Add(node)

Repeat the above steps to add as many nodes you want.
The next node will be added by-
node.Nodes.Add(node1)

That is it, now you are ready to incorporate Treeview Control in ASP.Net 1.1.

Thursday, October 18, 2007

Using StyleSheets in asp.net.

If you are a novice, how will you design your pages in asp.net.You will choose the colors, font and all the other designing aspects from the properties box of that particular web control.But do you think that this is a nice idea.No, it is not.
For making it easy, generous and to bring a uniformity to our application, we use style sheets.
Using style sheets is a comman way of designing our webforms.

So, how to use them in asp.net. This is the way:-
Steps:
1)Add the following tag in the HTML part of your page -
link rel="stylesheet" type="text/css" href="styles/style.css"

Note: I have used it within the 'HEAD' tag.
2)Create a new folder--- styles in under your project.
3)Within that folder, create a .css file - Style.css(Add new item)
4)Add some classes in that .css file like:-

.defaultTxt{font-family : Verdana, Arial, sans-serif ;
font-size:34px;
background-color:Black;}
5)Save it.
6)Now to use these style format in a button control:-
For example-
asp:button id="Button1" cssclass="defaultTxt" runat="server" text="Button"

That is the simplest and easiest way to use style sheets in your code.