Want to protect your cyber security and still get fast solutions? Ask a secure question today.Go Premium

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 368
  • Last Modified:

Ajax Tab Control - Just using HTML

Hi
I have an ASP.NET 2.0 website with the AJAX Control Toolkit.
It works fine.
I have a TabContainer control on my page which also works fine.

It renders this HTML ...

<div id="tc1" class="ajax__tab_xp" style="color:Green;width:600px;visibility:hidden;">
                      <div id="tc1_header">
                            <span id="__tab_tc1_tp1">tp1</span>
                            <span id="__tab_tc1_tp2">tp2</span>
                            <span id="__tab_tc1_tp3">tp3</span>
                      </div>
                      <div id="tc1_body">
                            <div id="tc1_tp1">
                            </div>
                            <div id="tc1_tp2" style="display:none;visibility:hidden;">
                            </div>
                            <div id="tc1_tp3" style="display:none;visibility:hidden;">
                            </div>
                        </div>
                    </div>

However if I just put the HTML in my page it doesn't show the tabs.

Any ideas?
thanks

<cc1:TabContainer ID="tc1" runat="server" ForeColor="green" Backcolor="#e5efe3" Width="600">
                                
                    <cc1:TabPanel ID="tp1" runat="server" HeaderText="tp1">
                        <ContentTemplate>
                        </ContentTemplate>
                    </cc1:TabPanel>
 
                    <cc1:TabPanel ID="tp2" runat="server" HeaderText="tp2">
                        <ContentTemplate>
                        </ContentTemplate>
                    </cc1:TabPanel>
 
                    <cc1:TabPanel ID="tp3" runat="server" HeaderText="tp3">
                        <ContentTemplate>
                        </ContentTemplate>
                    </cc1:TabPanel>
                    
                </cc1:TabContainer>

Open in new window

0
hmcgeehan
Asked:
hmcgeehan
1 Solution
 
hard2u2001Commented:
remove
"display:none;visibility:hidden;"
from your style tags and it shd work fine
0
 
hmcgeehanAuthor Commented:
that didn't seem to work thanks
0

Featured Post

Receive 1:1 tech help

Solve your biggest tech problems alongside global tech experts with 1:1 help.

Tackle projects and never again get stuck behind a technical roadblock.
Join Now