We Should Install Syncfusion setup to use the tools in VisualStudio.The following code sample gives the code to use Tab Control. These controls are used to give good look and feel
Add the following code at the header
<%@ Register TagPrefix="sb" Namespace="SourceCodeTab" Assembly="SourceCodeTab, Version=6.302.0.6, Culture=neutral, PublicKeyToken=3D67ED1F87D44C89" %>
<%@ Register TagPrefix="ssw" Namespace="Syncfusion.Web.UI.WebControls.Tools" Assembly="Syncfusion.Shared.Web, Version=6.302.0.6, Culture=neutral, PublicKeyToken=3D67ED1F87D44C89" %>
function Tab1()
{
alert("Tab1 clciked");
}
function Tab2()
{
alert("Tab2 clicked");
}
function child1()
{
alert("child1 clicked");
}
function child2()
{
alert("child2 clicked");
}
</script>
<syncfusion:TabStrip ID="TabStrip1" runat="server" Width="100px"
OnClick="TabStrip_Clicked" AutoPostBack="True" AutoFormat="Office2007 Silver"> <Items> <syncfusion:TabStripItem Selected="True" Text="Tab1" ClientOnItemSelect="Tab1()">
<syncfusion:TabStripItem Text="Child Tab1" ClientOnItemSelect="child1()" >
</syncfusion:TabStripItem>
<syncfusion:TabStripItem Text="Child Tab2" ClientOnItemSelect="child2()">
</syncfusion:TabStripItem>
</syncfusion:TabStripItem>
<syncfusion:TabStripItem Text="Tab2" ClientOnItemSelect="Tab2()">
<syncfusion:TabStripItem Text="Child Tab1">
</syncfusion:TabStripItem>
<syncfusion:TabStripItem Text="Child Tab2">
</syncfusion:TabStripItem>
</syncfusion:TabStripItem>
</Items>
</syncfusion:TabStrip>
protected void TabStrip_Clicked(object sender, Syncfusion.Web.UI.WebControls.Tools.TabStripCommandEventArgs e)
{
Response.Write("tabstrip clicked");
}
Check the attachment for html code of this example.
 Attachments
Using syncfusion Tab Controls (18443-10144-Using synfusioin menu control.aspx.txt)
|
No responses found. Be the first to respond and make money from revenue sharing program.
|