$99 VS $1000+. UI Control for ASP.NET AJAX(contains chart and gridview).
Dock Template Title Bar in ASP.NET
Home > How to > Dock TitleBar Templates

Dock Template Title Bar in ASP.NET

What is dock title bar? Dock title bar refers to the panel that is located at the top part of the PerDock control. And in general, the dock title bar consists of two elements, which are Title Text and the Commands.
In this online tutorial page, you will know how to customize the dock title bar using TitlebarTemplate in aspx web page. If you want to know how to customize the commands, you can go to the Dock Element Command for detailed information.

How to Set Dock Template Title Bar

In this section, coupled with detailed programming example, we will show you how to design a fully customized title bar template at runtime. The PerDock control also allows users to add other third party control, like the PerButton control, to the dock title bar template. Besides, you can also add some server-side events to the dock template title bar in response to the behavior that is performed by the end users.
Here we offer a programming example on how to set dock title bar template in aspx web page at runtime using UI Control for ASP.NET AJAX.


<kettic:PerDock ID="PerDock1" runat="server" 
Width="450px" EnableAnimation="true"
EnableRoundedCorners="true" Resizable="true"
DockMode="Docked" Text="Dock1">
<label>Dock Title</label>
<asp:TextBox runat="server" ID="textBox1" Width="200" Visible="true"></asp:TextBox>
<asp:LinkButton runat="server" Text="Click" ID="linkButton1" OnClick="linkButton1_Click"></asp:LinkButton>



C# Code

protected void linkButton1_Click(object sender, EventArgs e)
textBox1.BackColor = System.Drawing.Color.Red;
Code explanation: in above programming example, we add another UI Control, the PerButton Control, to the dick title bar template. Besides, we also integrate a server-side event to newly added button. When the end user clicks on the button in the dock title bar, the background color of the dock title text box will be turned to be red.
And here we attach an image which represents the result of following dock title bar template designing application.
If you have met any problem in the dock title bar template designing process, please feel free to contact us via E-mail. Note: please make sure that your ASP.NET web project has installed .NET Framework 3.5 or later versions.