Hello Anil,

I recommend you to use our WebTab control that accomidates your needs.

To know more about WebTab, please refer to the following links.

Getting started with WebTab

http://help.infragistics.com/NetAdvantage/ASPNET/2011.1/CLR4.0/?page=WebTab_Getting_Started_with_WebTab.html

Using WebTab

http://help.infragistics.com/NetAdvantage/ASPNET/2011.1/CLR4.0/?page=WebTab_Using_WebTab.html

Samples browser

http://samples.infragistics.com/aspnet/ComponentOverview.aspx?cn=tab

Please let me know if I can provide any further assistance regarding this matter

You are response came bit late because I have already developed the Tab Menu using WebTab control. You are response helped me create better Tab Menu.

But I have stuck in between few design issues which I need your help.

1) I am not able to apply a theme to my Tab menu. Please provide me a sample applying a Theme.

2) Critical problem is I have set the WebTab Width to "100%". But it crossing my web browser width. I have attached the code and screenshot below.

Code id below:-

<table width="100%" style="height: 100%;" border="1">
        <tr>
            <th class="header" style="height: 46px;" align="left" valign="top">
                <img alt="Credit Suisse Logo" src="Images/Logo.PNG" id="global_logo" style="visibility: visible;
                    vertical-align: top; text-align: left; table-layout: fixed; background-color: transparent;"
                    height="100%" />
                <font size="4px" color="white" style="font-family: Arial, Helvetica, sans-serif;
                    font-weight: bold; position: relative; top: 15px; right: -5px; text-align: center">
                    Mix Analytics</font>
            </th>
        </tr>
        <tr>
            <td style="height: 94%; text-align: left; vertical-align: top;">
                <ig:WebTab ID="WebTab1" runat="server" DisplayMode="Scrollable" Height="100%" BackColor="#A8C6DB"
                     Font-Bold="True" Font-Size="Smaller" ForeColor="#3366FF"
                    SelectedIndex="0" Width="100%"> <%--1889px--%>
                    <Tabs>
                        <ig:ContentTabItem runat="server" Text="Dashboard" TabSize="150px" MarginLeading="1"
                            AutoSize="True" >
                            <Template>
                                <iframe id="Iframe1" src="http://www.google.com/"
                                    style="height: 100%; width: 100%; text-align: left; vertical-align: top; border: 0;" >
                                </iframe>
                            </Template>
                        </ig:ContentTabItem>
                        <ig:ContentTabItem runat="server" Text="Reporting" MarginLeading="1" AutoSize="True"
                            TabSize="150px">
                            <Template>
                                <iframe id="frameUrl" src="http://forums.infragistics.com/silverlight/default.aspx"
                                    style="height: 100%; width: 100%; text-align: left; vertical-align: top; border: 0;">
                                </iframe>
                            </Template>
                        </ig:ContentTabItem>
                    </Tabs>
                    <%-- Enable Tab moving feature.--%>
                    <TabMoving Enabled="false" />
                    <%--Enable close buttons for the tabs.--%>
                    <%--  <CloseButton Enabled="True" />--%>
                    <ContentPane AutoSize="True">
                    </ContentPane>
                </ig:WebTab>
            </td>
        </tr>
    </table>