Ask a Question related to ASP.NET Building Controls, Design and Development.
-
Dave #1
Custom control in toolbox, intellisense?
Below is some custom control code to create a tab strip taken from ASP.NET
2.0 Unleashed by Stephen Walther. It works, but I need to clarify some
things...
1.) Both "ServerTabs" and "ServerTab" appear in the VS toolbox when I add
the control. How can I just get "ServerTabs" appear (i.e. ListItem doesn't
appear with DropDownList but it still appears in Intellisense like below).
The "ServerTab" is dependent on "ServerTabs" so I don't want it to appear on
the toolbox. When I try to hide it using [ToolboxItem(false)], it won't
appear in Intellisense then..how do I get it to work like this
<asp:DropDownList ID="ddwn1" runat="server">
<asp:ListItem></asp:ListItem>
</asp:DropDownList>
2.) In the code, ControlBuilder's GetChildControlType checks for a "tab"
tag. Can I get "tab" to appear in Intellinsense like the ListItem does for
the DropDownList??
HTML and .CS file below....
-----------------------------------
..CS
-----------------------------------
using System;
using System.Collections;
using System.ComponentModel;
using System.Web.UI;
using System.Web.UI.WebControls;
namespace myControls
{
[ControlBuilder(typeof(ServerTabsBuilder))]
[ParseChildren(false)]
public class ServerTabs : WebControl, IPostBackEventHandler
{
public int SelectedTabIndex
{
get
{
if (ViewState["SelectedTabIndex"] == null)
return 0;
else
return (int)ViewState["SelectedTabIndex"];
}
set
{
ViewState["SelectedTabIndex"] = value;
}
}
protected override void RenderContents(HtmlTextWriter writer)
{
for (int i = 0; i < this.Controls.Count; i++)
{
ServerTab tab = (ServerTab)this.Controls[i];
string eRef =
Page.ClientScript.GetPostBackClientHyperlink(this, i.ToString());
if (SelectedTabIndex == i)
writer.AddAttribute(HtmlTextWriterAttribute.Class, "tab
selectedTab");
else
writer.AddAttribute(HtmlTextWriterAttribute.Class, "tab");
writer.RenderBeginTag(HtmlTextWriterTag.Div);
writer.AddAttribute(HtmlTextWriterAttribute.Href, eRef);
writer.RenderBeginTag(HtmlTextWriterTag.A);
writer.Write(tab.Text);
writer.RenderEndTag(); // A
writer.RenderEndTag(); // Tab DIV
}
writer.Write("<br style='clear:both' />");
writer.AddAttribute(HtmlTextWriterAttribute.Class, "tabContents");
writer.RenderBeginTag(HtmlTextWriterTag.Div);
this.Controls[SelectedTabIndex].RenderControl(writer);
writer.RenderEndTag(); // Tab Contents DIV
}
protected override void AddParsedSubObject(object obj)
{
if (obj is ServerTab)
base.AddParsedSubObject(obj);
}
protected override HtmlTextWriterTag TagKey
{
get
{
return HtmlTextWriterTag.Div;
}
}
public void RaisePostBackEvent(string eventArgument)
{
SelectedTabIndex = Int32.Parse(eventArgument);
}
}
public class ServerTabsBuilder : ControlBuilder
{
public override Type GetChildControlType(string tagName, IDictionary
attribs)
{
if (String.Compare(tagName, "tab", true) == 0)
return typeof(ServerTab);
else
return null;
}
}
//[ToolboxItem(true)]
public class ServerTab : Control
{
private string _Text;
public string Text
{
get { return _Text; }
set { _Text = value; }
}
}
}
-----------------------------------
HTML
-----------------------------------
<%@ Page Language="C#" AutoEventWireup="true"
CodeFile="WebFormServerTabs.aspx.cs" Inherits="WebFormServerTabs" %>
<%@ Register Assembly="CustomControls" Namespace="myControls"
TagPrefix="cc1" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head id="Head1" runat="server">
<style type="text/css">
html
{
background-color:silver;
}
.tab
{
float:left;
position:relative;
top:1px;
background-color:#eeeeee;
border:solid 1px black;
padding:0px 15px;
margin-left:5px;
}
.tab a
{
text-decoration:none;
}
.selectedTab
{
background-color:white;
border-bottom:solid 1px white;
}
.tabContents
{
border:solid 1px black;
background-color:white;
padding:10px;
height:200px;
}
</style>
<title>Show ServerTabs</title>
</head>
<body>
<form id="form1" runat="server">
<cc1:ServerTabs ID="ServerTabs1" runat="server">
<tab Text="First Tab">Contents of first tab</tab>
<tab Text="Second Tab">Contents of second tab</tab>
<tab Text="Three Tab">Contents of three tab</tab>
</cc1:ServerTabs>
</form>
</body>
</html>
Dave Guest
-
custom control property intellisense
in vs2003 we had the beautiful xsd files that helped us create exactly the intellisense that we wanted for our control. in vs2005, for some reason... -
Default toolbox tab for custom control?
Is there any attribute i can add to a custom control class, similar to <ToolboxData()> which would allow me to set a default tab in the toolbox... -
Custom Control and Toolbox not working
Yesterday i was creating custom controls and adding them to a project as a reference. Things were great. As I created a new control it would show... -
Still cant get toolbox icon to display for my custom control
I still cant get an icon to display for my custom server control in the toolbox. I create a bmp that is the same name as the class of the control. I... -
How to have toolbox icon appear for custom control?
I want my custom control to have its own toolbox icon. I create the bmp file and it has the same name as the control class. I then set it to... -
Teemu Keiski #2 Re: Custom control in toolbox, intellisense?
Hi,
semantics between ServerTabs and DropDownList are bit different. First,
ListItem is not a control where as ServerTab is. DropDownList uses ListItem
objects to render out <OPTION> tags, but ListItems are never part of
DropDownList's Controls collection (they are not child controls of DDL).
ListItems have their own collection, ListItemCollection, which
DropDownList.Items property represents. When ListItems are specified in
declarative syntax, they are added to the Items collection, from where
DropDownList then iterates them at render time.
If you want this type of functionality, you would need to take a bit another
approach and have ServerTab as non-controls and available as complex
property (Tabs) on the ServerTabs control. It would certainly make the
control more complex since you would then need to have ITemplate properties
etc
--
Teemu Keiski
ASP.NET MVP, AspInsider
Finland, EU
[url]http://blogs.aspadvice.com/joteke[/url]
"Dave" <Dave@discussions.microsoft.com> wrote in message
news:EEC4833F-A1B7-4ED6-A548-0A0D3E9672E3@microsoft.com...> Below is some custom control code to create a tab strip taken from ASP.NET
> 2.0 Unleashed by Stephen Walther. It works, but I need to clarify some
> things...
>
> 1.) Both "ServerTabs" and "ServerTab" appear in the VS toolbox when I add
> the control. How can I just get "ServerTabs" appear (i.e. ListItem
> doesn't
> appear with DropDownList but it still appears in Intellisense like below).
> The "ServerTab" is dependent on "ServerTabs" so I don't want it to appear
> on
> the toolbox. When I try to hide it using [ToolboxItem(false)], it won't
> appear in Intellisense then..how do I get it to work like this
>
> <asp:DropDownList ID="ddwn1" runat="server">
> <asp:ListItem></asp:ListItem>
> </asp:DropDownList>
>
> 2.) In the code, ControlBuilder's GetChildControlType checks for a "tab"
> tag. Can I get "tab" to appear in Intellinsense like the ListItem does for
> the DropDownList??
>
> HTML and .CS file below....
>
> -----------------------------------
> .CS
> -----------------------------------
>
> using System;
> using System.Collections;
> using System.ComponentModel;
> using System.Web.UI;
> using System.Web.UI.WebControls;
>
> namespace myControls
> {
> [ControlBuilder(typeof(ServerTabsBuilder))]
> [ParseChildren(false)]
> public class ServerTabs : WebControl, IPostBackEventHandler
> {
> public int SelectedTabIndex
> {
> get
> {
> if (ViewState["SelectedTabIndex"] == null)
> return 0;
> else
> return (int)ViewState["SelectedTabIndex"];
> }
> set
> {
> ViewState["SelectedTabIndex"] = value;
> }
> }
>
> protected override void RenderContents(HtmlTextWriter writer)
> {
> for (int i = 0; i < this.Controls.Count; i++)
> {
> ServerTab tab = (ServerTab)this.Controls[i];
> string eRef =
> Page.ClientScript.GetPostBackClientHyperlink(this, i.ToString());
>
> if (SelectedTabIndex == i)
> writer.AddAttribute(HtmlTextWriterAttribute.Class, "tab
> selectedTab");
> else
> writer.AddAttribute(HtmlTextWriterAttribute.Class,
> "tab");
>
> writer.RenderBeginTag(HtmlTextWriterTag.Div);
> writer.AddAttribute(HtmlTextWriterAttribute.Href, eRef);
> writer.RenderBeginTag(HtmlTextWriterTag.A);
> writer.Write(tab.Text);
> writer.RenderEndTag(); // A
> writer.RenderEndTag(); // Tab DIV
> }
> writer.Write("<br style='clear:both' />");
>
> writer.AddAttribute(HtmlTextWriterAttribute.Class,
> "tabContents");
> writer.RenderBeginTag(HtmlTextWriterTag.Div);
> this.Controls[SelectedTabIndex].RenderControl(writer);
> writer.RenderEndTag(); // Tab Contents DIV
> }
>
> protected override void AddParsedSubObject(object obj)
> {
> if (obj is ServerTab)
> base.AddParsedSubObject(obj);
> }
>
> protected override HtmlTextWriterTag TagKey
> {
> get
> {
> return HtmlTextWriterTag.Div;
> }
> }
>
> public void RaisePostBackEvent(string eventArgument)
> {
> SelectedTabIndex = Int32.Parse(eventArgument);
> }
> }
>
> public class ServerTabsBuilder : ControlBuilder
> {
> public override Type GetChildControlType(string tagName,
> IDictionary
> attribs)
> {
> if (String.Compare(tagName, "tab", true) == 0)
> return typeof(ServerTab);
> else
> return null;
> }
> }
>
> //[ToolboxItem(true)]
> public class ServerTab : Control
> {
> private string _Text;
>
> public string Text
> {
> get { return _Text; }
> set { _Text = value; }
> }
> }
> }
>
> -----------------------------------
> HTML
> -----------------------------------
>
>
> <%@ Page Language="C#" AutoEventWireup="true"
> CodeFile="WebFormServerTabs.aspx.cs" Inherits="WebFormServerTabs" %>
>
> <%@ Register Assembly="CustomControls" Namespace="myControls"
> TagPrefix="cc1" %>
>
> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
> "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
>
> <html xmlns="http://www.w3.org/1999/xhtml" >
> <head id="Head1" runat="server">
> <style type="text/css">
> html
> {
> background-color:silver;
> }
> .tab
> {
> float:left;
> position:relative;
> top:1px;
> background-color:#eeeeee;
> border:solid 1px black;
> padding:0px 15px;
> margin-left:5px;
> }
> .tab a
> {
> text-decoration:none;
> }
> .selectedTab
> {
> background-color:white;
> border-bottom:solid 1px white;
> }
> .tabContents
> {
> border:solid 1px black;
> background-color:white;
> padding:10px;
> height:200px;
> }
> </style>
> <title>Show ServerTabs</title>
> </head>
> <body>
> <form id="form1" runat="server">
> <cc1:ServerTabs ID="ServerTabs1" runat="server">
> <tab Text="First Tab">Contents of first tab</tab>
> <tab Text="Second Tab">Contents of second tab</tab>
> <tab Text="Three Tab">Contents of three tab</tab>
> </cc1:ServerTabs>
> </form>
> </body>
> </html>
>
Teemu Keiski Guest
-
Dave #3 Re: Custom control in toolbox, intellisense?
Teemu,
Thank you! I would really like to learn more about this type of development.
Can you recommend sources on the topics you mentioned specifically using
ITemplate?
As for my specific questions.
1) Can I only show "ServerTabs" and hide "ServerTab" on the toolbox in VS?
In other words, don't show child controls on the toolbar.
2) If I implement the ControlBuilder using "tab" tags as checked in the
GetChildControlType, can I make "tab" tags part of Intellisense?
"Teemu Keiski" wrote:
> Hi,
>
> semantics between ServerTabs and DropDownList are bit different. First,
> ListItem is not a control where as ServerTab is. DropDownList uses ListItem
> objects to render out <OPTION> tags, but ListItems are never part of
> DropDownList's Controls collection (they are not child controls of DDL).
> ListItems have their own collection, ListItemCollection, which
> DropDownList.Items property represents. When ListItems are specified in
> declarative syntax, they are added to the Items collection, from where
> DropDownList then iterates them at render time.
>
> If you want this type of functionality, you would need to take a bit another
> approach and have ServerTab as non-controls and available as complex
> property (Tabs) on the ServerTabs control. It would certainly make the
> control more complex since you would then need to have ITemplate properties
> etc
>
>
> --
> Teemu Keiski
> ASP.NET MVP, AspInsider
> Finland, EU
> [url]http://blogs.aspadvice.com/joteke[/url]
>
>
>
> "Dave" <Dave@discussions.microsoft.com> wrote in message
> news:EEC4833F-A1B7-4ED6-A548-0A0D3E9672E3@microsoft.com...>> > Below is some custom control code to create a tab strip taken from ASP.NET
> > 2.0 Unleashed by Stephen Walther. It works, but I need to clarify some
> > things...
> >
> > 1.) Both "ServerTabs" and "ServerTab" appear in the VS toolbox when I add
> > the control. How can I just get "ServerTabs" appear (i.e. ListItem
> > doesn't
> > appear with DropDownList but it still appears in Intellisense like below).
> > The "ServerTab" is dependent on "ServerTabs" so I don't want it to appear
> > on
> > the toolbox. When I try to hide it using [ToolboxItem(false)], it won't
> > appear in Intellisense then..how do I get it to work like this
> >
> > <asp:DropDownList ID="ddwn1" runat="server">
> > <asp:ListItem></asp:ListItem>
> > </asp:DropDownList>
> >
> > 2.) In the code, ControlBuilder's GetChildControlType checks for a "tab"
> > tag. Can I get "tab" to appear in Intellinsense like the ListItem does for
> > the DropDownList??
> >
> > HTML and .CS file below....
> >
> > -----------------------------------
> > .CS
> > -----------------------------------
> >
> > using System;
> > using System.Collections;
> > using System.ComponentModel;
> > using System.Web.UI;
> > using System.Web.UI.WebControls;
> >
> > namespace myControls
> > {
> > [ControlBuilder(typeof(ServerTabsBuilder))]
> > [ParseChildren(false)]
> > public class ServerTabs : WebControl, IPostBackEventHandler
> > {
> > public int SelectedTabIndex
> > {
> > get
> > {
> > if (ViewState["SelectedTabIndex"] == null)
> > return 0;
> > else
> > return (int)ViewState["SelectedTabIndex"];
> > }
> > set
> > {
> > ViewState["SelectedTabIndex"] = value;
> > }
> > }
> >
> > protected override void RenderContents(HtmlTextWriter writer)
> > {
> > for (int i = 0; i < this.Controls.Count; i++)
> > {
> > ServerTab tab = (ServerTab)this.Controls[i];
> > string eRef =
> > Page.ClientScript.GetPostBackClientHyperlink(this, i.ToString());
> >
> > if (SelectedTabIndex == i)
> > writer.AddAttribute(HtmlTextWriterAttribute.Class, "tab
> > selectedTab");
> > else
> > writer.AddAttribute(HtmlTextWriterAttribute.Class,
> > "tab");
> >
> > writer.RenderBeginTag(HtmlTextWriterTag.Div);
> > writer.AddAttribute(HtmlTextWriterAttribute.Href, eRef);
> > writer.RenderBeginTag(HtmlTextWriterTag.A);
> > writer.Write(tab.Text);
> > writer.RenderEndTag(); // A
> > writer.RenderEndTag(); // Tab DIV
> > }
> > writer.Write("<br style='clear:both' />");
> >
> > writer.AddAttribute(HtmlTextWriterAttribute.Class,
> > "tabContents");
> > writer.RenderBeginTag(HtmlTextWriterTag.Div);
> > this.Controls[SelectedTabIndex].RenderControl(writer);
> > writer.RenderEndTag(); // Tab Contents DIV
> > }
> >
> > protected override void AddParsedSubObject(object obj)
> > {
> > if (obj is ServerTab)
> > base.AddParsedSubObject(obj);
> > }
> >
> > protected override HtmlTextWriterTag TagKey
> > {
> > get
> > {
> > return HtmlTextWriterTag.Div;
> > }
> > }
> >
> > public void RaisePostBackEvent(string eventArgument)
> > {
> > SelectedTabIndex = Int32.Parse(eventArgument);
> > }
> > }
> >
> > public class ServerTabsBuilder : ControlBuilder
> > {
> > public override Type GetChildControlType(string tagName,
> > IDictionary
> > attribs)
> > {
> > if (String.Compare(tagName, "tab", true) == 0)
> > return typeof(ServerTab);
> > else
> > return null;
> > }
> > }
> >
> > //[ToolboxItem(true)]
> > public class ServerTab : Control
> > {
> > private string _Text;
> >
> > public string Text
> > {
> > get { return _Text; }
> > set { _Text = value; }
> > }
> > }
> > }
> >
> > -----------------------------------
> > HTML
> > -----------------------------------
> >
> >
> > <%@ Page Language="C#" AutoEventWireup="true"
> > CodeFile="WebFormServerTabs.aspx.cs" Inherits="WebFormServerTabs" %>
> >
> > <%@ Register Assembly="CustomControls" Namespace="myControls"
> > TagPrefix="cc1" %>
> >
> > <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
> > "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
> >
> > <html xmlns="http://www.w3.org/1999/xhtml" >
> > <head id="Head1" runat="server">
> > <style type="text/css">
> > html
> > {
> > background-color:silver;
> > }
> > .tab
> > {
> > float:left;
> > position:relative;
> > top:1px;
> > background-color:#eeeeee;
> > border:solid 1px black;
> > padding:0px 15px;
> > margin-left:5px;
> > }
> > .tab a
> > {
> > text-decoration:none;
> > }
> > .selectedTab
> > {
> > background-color:white;
> > border-bottom:solid 1px white;
> > }
> > .tabContents
> > {
> > border:solid 1px black;
> > background-color:white;
> > padding:10px;
> > height:200px;
> > }
> > </style>
> > <title>Show ServerTabs</title>
> > </head>
> > <body>
> > <form id="form1" runat="server">
> > <cc1:ServerTabs ID="ServerTabs1" runat="server">
> > <tab Text="First Tab">Contents of first tab</tab>
> > <tab Text="Second Tab">Contents of second tab</tab>
> > <tab Text="Three Tab">Contents of three tab</tab>
> > </cc1:ServerTabs>
> > </form>
> > </body>
> > </html>
> >
>
>Dave Guest
-
Teemu Keiski #4 Re: Custom control in toolbox, intellisense?
1. Yes, by taking the change I mentioned and having ServerTab as non-control
(sure ToolBoxItem hides it, but also removes it from Intellisense)
2. Making tab available in Intellisense as I understand you wanting it,
requires you to have the collection property (for ServerTab objects) within
your custom control, in case you want it to work in sync with your question
1. Using ControlBuilder means that you take approach that content between
control's tags is mapped to child controls, while the approach I'm trying to
bring yto ou, is that content between control's tag is mapped to its
properties e.g you don't have control builder.
The best resource about control development is MSPress's book Developing
ASP.NET Server Control and Components. Then there are some good articles:
[url]http://msdn.microsoft.com/library/default.asp?url=/library/en-us/dnaspp/html/ccctemplates.asp[/url]
[url]http://msdn.microsoft.com/library/default.asp?url=/library/en-us/dnaspp/html/ContCrshCrsDB.asp[/url]
(see other control articles on the same series as well)
--
Teemu Keiski
ASP.NET MVP, AspInsider
Finland, EU
[url]http://blogs.aspadvice.com/joteke[/url]
"Dave" <Dave@discussions.microsoft.com> wrote in message
news:DA89D02B-3545-491F-B5E9-505C7EB371C5@microsoft.com...> Teemu,
>
> Thank you! I would really like to learn more about this type of
> development.
> Can you recommend sources on the topics you mentioned specifically using
> ITemplate?
>
> As for my specific questions.
>
> 1) Can I only show "ServerTabs" and hide "ServerTab" on the toolbox in VS?
> In other words, don't show child controls on the toolbar.
> 2) If I implement the ControlBuilder using "tab" tags as checked in the
> GetChildControlType, can I make "tab" tags part of Intellisense?
>
>
> "Teemu Keiski" wrote:
>>> Hi,
>>
>> semantics between ServerTabs and DropDownList are bit different. First,
>> ListItem is not a control where as ServerTab is. DropDownList uses
>> ListItem
>> objects to render out <OPTION> tags, but ListItems are never part of
>> DropDownList's Controls collection (they are not child controls of DDL).
>> ListItems have their own collection, ListItemCollection, which
>> DropDownList.Items property represents. When ListItems are specified in
>> declarative syntax, they are added to the Items collection, from where
>> DropDownList then iterates them at render time.
>>
>> If you want this type of functionality, you would need to take a bit
>> another
>> approach and have ServerTab as non-controls and available as complex
>> property (Tabs) on the ServerTabs control. It would certainly make the
>> control more complex since you would then need to have ITemplate
>> properties
>> etc
>>
>>
>> --
>> Teemu Keiski
>> ASP.NET MVP, AspInsider
>> Finland, EU
>> [url]http://blogs.aspadvice.com/joteke[/url]
>>
>>
>>
>> "Dave" <Dave@discussions.microsoft.com> wrote in message
>> news:EEC4833F-A1B7-4ED6-A548-0A0D3E9672E3@microsoft.com...>>>> > Below is some custom control code to create a tab strip taken from
>> > ASP.NET
>> > 2.0 Unleashed by Stephen Walther. It works, but I need to clarify some
>> > things...
>> >
>> > 1.) Both "ServerTabs" and "ServerTab" appear in the VS toolbox when I
>> > add
>> > the control. How can I just get "ServerTabs" appear (i.e. ListItem
>> > doesn't
>> > appear with DropDownList but it still appears in Intellisense like
>> > below).
>> > The "ServerTab" is dependent on "ServerTabs" so I don't want it to
>> > appear
>> > on
>> > the toolbox. When I try to hide it using [ToolboxItem(false)], it
>> > won't
>> > appear in Intellisense then..how do I get it to work like this
>> >
>> > <asp:DropDownList ID="ddwn1" runat="server">
>> > <asp:ListItem></asp:ListItem>
>> > </asp:DropDownList>
>> >
>> > 2.) In the code, ControlBuilder's GetChildControlType checks for a
>> > "tab"
>> > tag. Can I get "tab" to appear in Intellinsense like the ListItem does
>> > for
>> > the DropDownList??
>> >
>> > HTML and .CS file below....
>> >
>> > -----------------------------------
>> > .CS
>> > -----------------------------------
>> >
>> > using System;
>> > using System.Collections;
>> > using System.ComponentModel;
>> > using System.Web.UI;
>> > using System.Web.UI.WebControls;
>> >
>> > namespace myControls
>> > {
>> > [ControlBuilder(typeof(ServerTabsBuilder))]
>> > [ParseChildren(false)]
>> > public class ServerTabs : WebControl, IPostBackEventHandler
>> > {
>> > public int SelectedTabIndex
>> > {
>> > get
>> > {
>> > if (ViewState["SelectedTabIndex"] == null)
>> > return 0;
>> > else
>> > return (int)ViewState["SelectedTabIndex"];
>> > }
>> > set
>> > {
>> > ViewState["SelectedTabIndex"] = value;
>> > }
>> > }
>> >
>> > protected override void RenderContents(HtmlTextWriter writer)
>> > {
>> > for (int i = 0; i < this.Controls.Count; i++)
>> > {
>> > ServerTab tab = (ServerTab)this.Controls[i];
>> > string eRef =
>> > Page.ClientScript.GetPostBackClientHyperlink(this, i.ToString());
>> >
>> > if (SelectedTabIndex == i)
>> > writer.AddAttribute(HtmlTextWriterAttribute.Class,
>> > "tab
>> > selectedTab");
>> > else
>> > writer.AddAttribute(HtmlTextWriterAttribute.Class,
>> > "tab");
>> >
>> > writer.RenderBeginTag(HtmlTextWriterTag.Div);
>> > writer.AddAttribute(HtmlTextWriterAttribute.Href, eRef);
>> > writer.RenderBeginTag(HtmlTextWriterTag.A);
>> > writer.Write(tab.Text);
>> > writer.RenderEndTag(); // A
>> > writer.RenderEndTag(); // Tab DIV
>> > }
>> > writer.Write("<br style='clear:both' />");
>> >
>> > writer.AddAttribute(HtmlTextWriterAttribute.Class,
>> > "tabContents");
>> > writer.RenderBeginTag(HtmlTextWriterTag.Div);
>> > this.Controls[SelectedTabIndex].RenderControl(writer);
>> > writer.RenderEndTag(); // Tab Contents DIV
>> > }
>> >
>> > protected override void AddParsedSubObject(object obj)
>> > {
>> > if (obj is ServerTab)
>> > base.AddParsedSubObject(obj);
>> > }
>> >
>> > protected override HtmlTextWriterTag TagKey
>> > {
>> > get
>> > {
>> > return HtmlTextWriterTag.Div;
>> > }
>> > }
>> >
>> > public void RaisePostBackEvent(string eventArgument)
>> > {
>> > SelectedTabIndex = Int32.Parse(eventArgument);
>> > }
>> > }
>> >
>> > public class ServerTabsBuilder : ControlBuilder
>> > {
>> > public override Type GetChildControlType(string tagName,
>> > IDictionary
>> > attribs)
>> > {
>> > if (String.Compare(tagName, "tab", true) == 0)
>> > return typeof(ServerTab);
>> > else
>> > return null;
>> > }
>> > }
>> >
>> > //[ToolboxItem(true)]
>> > public class ServerTab : Control
>> > {
>> > private string _Text;
>> >
>> > public string Text
>> > {
>> > get { return _Text; }
>> > set { _Text = value; }
>> > }
>> > }
>> > }
>> >
>> > -----------------------------------
>> > HTML
>> > -----------------------------------
>> >
>> >
>> > <%@ Page Language="C#" AutoEventWireup="true"
>> > CodeFile="WebFormServerTabs.aspx.cs" Inherits="WebFormServerTabs" %>
>> >
>> > <%@ Register Assembly="CustomControls" Namespace="myControls"
>> > TagPrefix="cc1" %>
>> >
>> > <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
>> > "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
>> >
>> > <html xmlns="http://www.w3.org/1999/xhtml" >
>> > <head id="Head1" runat="server">
>> > <style type="text/css">
>> > html
>> > {
>> > background-color:silver;
>> > }
>> > .tab
>> > {
>> > float:left;
>> > position:relative;
>> > top:1px;
>> > background-color:#eeeeee;
>> > border:solid 1px black;
>> > padding:0px 15px;
>> > margin-left:5px;
>> > }
>> > .tab a
>> > {
>> > text-decoration:none;
>> > }
>> > .selectedTab
>> > {
>> > background-color:white;
>> > border-bottom:solid 1px white;
>> > }
>> > .tabContents
>> > {
>> > border:solid 1px black;
>> > background-color:white;
>> > padding:10px;
>> > height:200px;
>> > }
>> > </style>
>> > <title>Show ServerTabs</title>
>> > </head>
>> > <body>
>> > <form id="form1" runat="server">
>> > <cc1:ServerTabs ID="ServerTabs1" runat="server">
>> > <tab Text="First Tab">Contents of first tab</tab>
>> > <tab Text="Second Tab">Contents of second tab</tab>
>> > <tab Text="Three Tab">Contents of three tab</tab>
>> > </cc1:ServerTabs>
>> > </form>
>> > </body>
>> > </html>
>> >
>>
>>
Teemu Keiski Guest
Reply With QuoteSimilar Questions and Discussions
Posting Permissions
- You may not post new threads
- You may post replies
- You may not post attachments
- You may not edit your posts
