RadTabStrip Space in SharePoint 2010

4 posts, 1 answers
  1. Marco Beyer
    Marco Beyer avatar
    22 posts
    Member since:
    Jun 2009

    Posted 23 Aug 2011 Link to this post

    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.
  2. Marco Beyer
    Marco Beyer avatar
    22 posts
    Member since:
    Jun 2009

    Posted 29 Aug 2011 Link to this post

    Dear Telerik-Staff,

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

    Best regards,
    Marco
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Answer
    Kalina
    Admin
    Kalina avatar
    918 posts

    Posted 29 Aug 2011 Link to this post

    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

    Thank you for being the most amazing .NET community! Your unfailing support is what helps us charge forward! We'd appreciate your vote for Telerik in this year's DevProConnections Awards. We are competing in mind-blowing 20 categories and every vote counts! VOTE for Telerik NOW >>

  5. Marco Beyer
    Marco Beyer avatar
    22 posts
    Member since:
    Jun 2009

    Posted 30 Aug 2011 Link to this post

    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
Back to Top