AjaxControlToolkit TabPanel's header text is not completely visible in a sharepoint web part on IE7

Home ›

ASP.NET Forums » ASP.NET AJAX » ASP.NET AJAX Control Toolkit » AjaxControlToolkit TabPanel's header text is not completely visible in a sharepoint web part on IE7

Shortcuts

Previous Next

AjaxControlToolkit TabPanel's header text is not completely visible in a sharepoint web part on IE7

Last post 02-04-2009 12:39 PM by stock. 2 replies.

Sort Posts:

AjaxControlToolkit TabPanel's header text is not completely visible in a sharepoint web part on IE7

01-31-2009, 1:12 AM

Contact

3 point Member
stock
Member since 10-25-2007, 4:39 PM
Posts 5

Hi,

I use Visual Studio 2005 to create a sharepoint web part project. In this web part, the reference AjaxControlToolkit.dll is included. I use TabPanel to create tab controls. The web part works fine, except the tab header text. The tab header text is not completely visible on IE7, but OK on Firefox. Some people suggested to modify the code on the file Tabs.css for the TabPanel class (http://www.devexpert.net/blog/pt/blog/Embedding-Ajax-Control-ToolKit-into-Shar.aspx). A person mentioned it is the problem from sharepoint master page where did not declare a proper DOCTYPE (see the link above). But no details are discussed there. Do you know why TabPanel's header text has such problem on IE7? Thanks.

Stock

Filed under: "TabPanel"

Re: AjaxControlToolkit TabPanel's header text is not completely visible in a sharepoint web part on IE7

02-04-2009, 1:17 AM

Contact

Answer

33,090 point All-Star
Lance Zhang - MSFT
Member since 05-26-2008, 2:44 AM
Posts 2,361

Hi stock

Based on my knowledge, I think the issue is because of the SharePoint master page haven’t declare the DOCTYPE, which is important for Internet Explorer’s layout.

We can try the following test, without the DOCTYPE, TabPanel's header text is not completely visible in Internet Explorer 7.0:

<%@ Page Language="C#" %>

<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <ajaxToolkit:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server">
        </ajaxToolkit:ToolkitScriptManager>
        <ajaxToolkit:TabContainer ID="tbMain" runat="server" Width="100%" ActiveTabIndex="1">
            <ajaxToolkit:TabPanel runat="server" ID="tbpgGridView" HeaderText="tbpgGridView">
                <ContentTemplate>
                    ..............
                </ContentTemplate>
            </ajaxToolkit:TabPanel>
            <ajaxToolkit:TabPanel runat="server" ID="tbpgEditView" HeaderText="tbpgEditView">
                <ContentTemplate>
                    ...............
                </ContentTemplate>
            </ajaxToolkit:TabPanel>
        </ajaxToolkit:TabContainer>
    </div>
    </form>
</body>
</html>

For more information about the DOCTYPE, please check:

http://www.w3schools.com/tags/tag_DOCTYPE.asp

Thanks.

Lance Zhang

Re: AjaxControlToolkit TabPanel's header text is not completely visible in a sharepoint web part on IE7

02-04-2009, 12:39 PM

Contact

3 point Member
stock
Member since 10-25-2007, 4:39 PM
Posts 5

Thanks for your reply. I have tried your suggestion. It works. Thank you so much. Before knowing your suggestion, my solution (which also works) is discussed on the link: http://social.msdn.microsoft.com/Forums/en-US/sharepointdevelopment/thread/04f5b423-e9e5-4ed9-8e0b-ab4cfcbfb6cc.

Stock

Page 1 of 1 (3 items)

RSS Available