AJAXControlToolkit - TabContainer nicht sichtbar

Ich bin mit MonoDevelop auf MacOS und ich bin Schwierigkeiten bekommen AjaxControlToolkit ist TabContainer sichtbar auf Google Chrome. Ich habe sogar die visible-Eigenschaft auf true für beide TabContainer und TabPanels, aber es immer noch nicht. Hier ist die HTML-Quelle:

<ajaxToolkit:ToolkitScriptManager  id="tsm1" runat="server" />

    <div style="position:absolute;top:0px;left:0px;">
       <img src="" />
    </div>
    <div style="position:absolute;top:200px;left:20px;">
    <ajaxToolkit:TabContainer id="NewTabContainer" runat="server" Height="300px" Visible="true" >
        <ajaxToolkit:TabPanel id="FirstPanel" runat="server" HeaderText="Tab 1" Visible="true" >
            <ContentTemplate>
                PAGE ONE - This is the first Panel.
            </ContentTemplate>
        </ajaxToolkit:TabPanel>
        <ajaxToolkit:TabPanel id="SecondPanel" runat="server" HeaderText="Tab 2" Visible="true" >
            <ContentTemplate>
                PAGE TWO - This is the second Panel.
            </ContentTemplate>
        </ajaxToolkit:TabPanel>
     </ajaxToolkit:TabContainer>

Dies ist die HTML-Chrome generiert:

<div id="NewTabContainer" class="ajax__tab_xp" style="visibility:hidden;">
    <div id="NewTabContainer_header">
        <span id="NewTabContainer_FirstPanel_tab"><span class="ajax__tab_outer"><span class="ajax__tab_inner"><span class="ajax__tab_tab" id="__tab_NewTabContainer_FirstPanel">Tab 1</span></span></span></span><span id="NewTabContainer_SecondPanel_tab"><span class="ajax__tab_outer"><span class="ajax__tab_inner"><span class="ajax__tab_tab" id="__tab_NewTabContainer_SecondPanel">Tab 2</span></span></span></span>
    </div><div id="NewTabContainer_body" style="height:300px;">
        <div id="NewTabContainer_FirstPanel" class="ajax__tab_panel">

                PAGE ONE - This is the first Panel.

        </div><div id="NewTabContainer_SecondPanel" class="ajax__tab_panel" style="display:none;visibility:hidden;">

                PAGE TWO - This is the second Panel.

        </div>
    </div>
</div>
Keine Ahnung, wo style="visibility:hidden;" herkommen? Haben Sie versucht, das überschreiben dieser CSS mit FireBug oder den inspector in Chrome zu sehen, wenn es anzeigt?
Ich habe keine Ahnung, wo es herkommt, aber wenn ich es entfernen über den inspector zeigt es auf, obwohl es nicht richtig funktioniert, d.h. die tabs nicht funktionieren, wenn darauf geklickt wird.
kann u mir sagen, wie Sie dieses Problem behoben, ich bin immer das gleiche problem. Meine tabcontainer ist sichtbar auf allen Browsern, außer dem IE.

InformationsquelleAutor calmcajun | 2010-11-10

Schreibe einen Kommentar