+1-888-365-2779
Try Now
More in this section

Forums / Designing with Sitefinity / site panel bar - alternating item?

site panel bar - alternating item?

6 posts, 0 answered
  1. Meister
    Meister avatar
    262 posts
    Registered:
    09 Nov 2007
    30 Nov 2008
    Link to this post

    Hi,

    I have a requirement to have the site panel bar displayed as below

    item1    item2
    item3    item4
    item5    item6
    item7    item8

    Is this possible to do using CSS, or do i have to write something custom
    Any help appreciated

    Thanks
  2. Ivan Dimitrov
    Ivan Dimitrov avatar
    16072 posts
    Registered:
    09 Dec 2016
    01 Dec 2008
    Link to this post
    Hi Quade,

    Thank you for using our services.

    SitePanelBar does not support the required functionality and you need to extend it or create a custom one.

    Sincerely yours,
    Ivan Dimitrov
    the Telerik team

    Check out Telerik Trainer, the state of the art learning tool for Telerik products.
  3. Meister
    Meister avatar
    262 posts
    Registered:
    09 Nov 2007
    02 Dec 2008
    Link to this post
    thanks

    could i use any of the other navigation controls to achieve this desired effect?
  4. Ivan Dimitrov
    Ivan Dimitrov avatar
    16072 posts
    Registered:
    09 Dec 2016
    02 Dec 2008
    Link to this post
    Hi Quade,

    Here is a link to our demo section. You can take a look at it for more information about navigation controls.

    Regards,
    Ivan Dimitrov
    the Telerik team

    Check out Telerik Trainer, the state of the art learning tool for Telerik products.
  5. Meister
    Meister avatar
    262 posts
    Registered:
    09 Nov 2007
    03 Dec 2008
    Link to this post
    thanks Ivan

    I've looked there with no joy
    I tried to post on the forum over there and got this reponse, could you let me know how i could do this using the tabstrip?


    For that you would use the IsBreak="true" property in the tab definitions, as follows:

            <telerik:RadTabStrip ID="RadTabStrip1" runat="server" SelectedIndex="1"   

                Skin="SkyBlue" Width="662px" Height="125px">  

                <Tabs> 

                    <telerik:RadTab Text="Advanced" Width="150">  

                    </telerik:RadTab> 

                    <telerik:RadTab IsBreak="true" Text="Automatic Updates" Selected="True" Width="150">  

                    </telerik:RadTab> 

                    <telerik:RadTab Text="Remote" Width="150">  

                    </telerik:RadTab> 

                    <telerik:RadTab Text="General" IsBreak="true" Width="150">  

                    </telerik:RadTab> 

                    <telerik:RadTab Text="Computer Name" Width="150">  

                    </telerik:RadTab> 

                    <telerik:RadTab Text="Hardware" Width="150">  

                    </telerik:RadTab> 

                </Tabs> 

            </telerik:RadTabStrip> 


    I also added the Width property, as otherwise tabs will have width based on their content, this makes it more uniform. :)




  6. Ivan Dimitrov
    Ivan Dimitrov avatar
    16072 posts
    Registered:
    09 Dec 2016
    03 Dec 2008
    Link to this post
    Hi Quade,

    This do the trick, because the tabs are hardcoded. In Sitefinity you could use Site TabStrip user control (~/Sitefinity/UserControls/Navigation35/SiteTabstrip.ascx). Also, you need to modify Page_Load method in order to display every odd tab on a new line. The changes which you should do are marked in green:

    .ascx.cs
     protected void Page_Load(object sender, EventArgs e) 
        { 
            if (this.ShowOnlyFirstLevel) 
            { 
                int i = 0; 
     
                foreach (SiteMapNode node1 in SiteMap.RootNode.ChildNodes) 
                { 
                    RadTab tab = new RadTab(); 
                    tab.Text = node1.Title; 
                    tab.NavigateUrl = node1.Url; 
                    tab.Width = Unit.Pixel(150); 
     
                    if (i % 2 != 0) 
                        tab.IsBreak = true
     
                    this.RadTabstrip1.Tabs.Add(tab); 
     
                    i++; 
                } 
     
                ... 
        } 

    Do let us know if this helps.

    Regards,
    Ivan Dimitrov
    the Telerik team

    Check out Telerik Trainer, the state of the art learning tool for Telerik products.
Register for webinar
6 posts, 0 answered