RadTabStrip Space in SharePoint 2010

[Marco Beyer]

Dear Telerik-Team,

I have a strange issue with the RadTabStrip when integrating in SharePoint.

In my Visual Studio Project I added an Application page to my project that contains the TabStrib and added a sample tabstrip to it. The code looks like below:

<%@ Register Assembly="Telerik.Web.UI, Version=2011.2.712.35, Culture=neutral, PublicKeyToken=121fae78165ba3d4"
    Namespace="Telerik.Web.UI" TagPrefix="telerik" %>

<asp:Content ID="PageHead" ContentPlaceHolderID="PlaceHolderAdditionalPageHead" runat="server">

</asp:Content>

<asp:Content ID="Main" ContentPlaceHolderID="PlaceHolderMain" runat="server">
    Content above the TabStrip!!
    <telerik:RadTabStrip ID="RadTabStrip1" runat="server" Skin="Vista" MultiPageID="RadMultiPage1"
        SelectedIndex="0" Align="Justify" ReorderTabsOnSelect="true" Width="347px">
        <Tabs>
            <telerik:RadTab Text="General">
            </telerik:RadTab>
            <telerik:RadTab Text="Tools">
            </telerik:RadTab>
            <telerik:RadTab Text="Hardware">
            </telerik:RadTab>
        </Tabs>
    </telerik:RadTabStrip>
    <telerik:RadMultiPage ID="RadMultiPage1" runat="server" SelectedIndex="0" CssClass="pageView"
        Width="345px">
        <telerik:RadPageView ID="RadPageView1" runat="server">
            First content.
        </telerik:RadPageView>
        <telerik:RadPageView ID="RadPageView2" runat="server">
            Second content.
        </telerik:RadPageView>
        <telerik:RadPageView ID="RadPageView3" runat="server">
            Third content.
        </telerik:RadPageView>
    </telerik:RadMultiPage>

</asp:Content>

<asp:Content ID="PageTitle" ContentPlaceHolderID="PlaceHolderPageTitle" runat="server">
Application Page
</asp:Content>

<asp:Content ID="PageTitleInTitleArea" ContentPlaceHolderID="PlaceHolderPageTitleInTitleArea" runat="server" >
My Application Page
</asp:Content>

It has no special code behind. The text "Content above the TabStrip!!" is displayed as expected, but the TabStrip itself will be rendered too far at the bottom. I have no idea what this can be since the cotent is inside a single ContentPlaceholder.

I have attached the outcome as an image.

PS: I have installed the latest release of the RadControls for ASP.NET AJAX


Hope you can help as soon as possible.

[Marco Beyer]

Dear Telerik-Staff,

isn't there anyone who could help me with this issue?

Best regards,
Marco

[Kalina]

Hi Marco Beyer,

Could you please take a look at this forum thread? 
A similar issue has been discussed and resolved there.

If the issue persists - could you please provide us a live URL where we will be able to observe it?
Thank you.

Best wishes,
Kalina
the Telerik team

[Marco Beyer]

Dear Kalina,

thanks a lot, this did the job. I followed your suggestion to open SP Designer and override the stylesheet for the RadTabStrib using clear:none.

Also best wishes,
Marco