Can we use Ajax RoundedCornersExtender control with AJax,tabContainer?

Collapse
X
 
  • Time
  • Show
Clear All
new posts
  • usha535140
    New Member
    • Dec 2009
    • 6

    Can we use Ajax RoundedCornersExtender control with AJax,tabContainer?

    Hi,
    Can we use Ajax RoundedCornersE xtender control with AJax,tabContain er?
    Last edited by usha535140; Dec 24 '09, 08:56 AM. Reason: Can we use Ajax RoundedCornersExtender control with AJax,tabContainer?
  • Frinavale
    Recognized Expert Expert
    • Oct 2006
    • 9749

    #2
    I have no idea what you are asking.
    The Ajax RoundedCornersE xtender attaches to a Panel. It does not attach to a TabContainer.

    -Frinny

    Comment

    • usha535140
      New Member
      • Dec 2009
      • 6

      #3
      oh,ok.I want to show all the panels in the tabcontainer with rounded corners,is it possible

      Comment

      • Frinavale
        Recognized Expert Expert
        • Oct 2006
        • 9749

        #4
        Again, the RoundedCornersE xtender attaches to a Panel. Therefore you should place the content that you want in the rounded corners within a Panel control and then attach a RoundedCornersE xtender to that Panel.

        So, you'll have your tab control:
        Code:
        <ajaxToolkit:TabContainer runat="server"  OnClientActiveTabChanged="ClientFunction"  Height="150px">
            <ajaxToolkit:TabPanel runat="server"  HeaderText="Tab 1">
                <ContentTemplate>
                    Content for tab 1
                </ContentTemplate>
            <ajaxToolkit:TabPanel />
            <ajaxToolkit:TabPanel runat="server"  HeaderText="Tab 2">
                <ContentTemplate>
                    Content for tab 2
                </ContentTemplate>
            <ajaxToolkit:TabPanel />
        </ajaxToolkit:TabContainer>
        Place the "Content for tab 1" into a panel and use the rounded corners extender on it:
        Code:
        <ajaxToolkit:TabContainer runat="server"  OnClientActiveTabChanged="ClientFunction"  Height="150px">
            <ajaxToolkit:TabPanel runat="server"  HeaderText="Tab 1">
                <ContentTemplate>
                    <asp:Panel id="RoundeCornersContent1" runat="server">Content for tab 1</asp:Panel>
                  <ajaxToolkit:RoundedCornersExtender ID="RndCrnsE_Tab1" runat="server" TargetControlID="RoundeCornersContent1"
                Color="#104E8B" Radius="3" />
                </ContentTemplate>
            <ajaxToolkit:TabPanel />
            <ajaxToolkit:TabPanel runat="server"  HeaderText="Tab 2">
                <ContentTemplate>
                   <asp:Panel id="RoundeCornersContent2" runat="server">Content for tab 2</asp:Panel>
                  <ajaxToolkit:RoundedCornersExtender ID="RndCrnsE_Tab2" runat="server" TargetControlID="RoundeCornersContent2"
                Color="#104E8B" Radius="3" />
                </ContentTemplate>
            <ajaxToolkit:TabPanel />
        </ajaxToolkit:TabContainer>
        -Frinny

        Comment

        Working...