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

Site Tabstrip

7 posts, 0 answered
  1. Joel
    Joel avatar
    28 posts
    Registered:
    18 Jun 2008
    16 Oct 2008
    Link to this post

    I want to use Site Tabstrip as the navigation module for the sub nav. So far it is working nicely, however, I am running into an ordering issue.

    I want it to appear like:

    subnav1
    subnav2
        subnavchild2a
    subnav3


    Currently I am using a -1 StartingNodeOffet and it is displaying as;

    subnav1
    subnav2
    subnav3
       subnavchild2a


    It is possible to display the next level down after it's corresponding parent rather than append all the childs to the bottom of the list?

    I'd prefer to use Site Tabstrip rather than Panelbar..




  2. Georgi
    Georgi avatar
    3583 posts
    Registered:
    28 Oct 2016
    20 Oct 2008
    Link to this post
    Hi Joel,

    We suggest you to take a look at the styles that apply to the second level items. It is possible that your theme structure make the item to go under different node. If this do not help, could you send us a screenshot of the Tabstrip?

    Regards,
    Georgi
    the Telerik team

    Check out Telerik Trainer, the state of the art learning tool for Telerik products.
  3. Joel
    Joel avatar
    28 posts
    Registered:
    18 Jun 2008
    21 Oct 2008
    Link to this post

    I don't think it is a Stylesheet issue..

    Here's my TabBar settings:

    StartingNodeOffset:   -1
    ShowOnlyFirst Level: False
    ShowStartingNode: False
    StartFromCurrentNode: True

    Appearance-

    SkinsPath: ~/RadControls/TabStrip/Skins

    Behavior-
    EnableTheming: True
    Visible: True
    HideLevel: 0
    EnableViewState: True
    HierarchyDepth: -1
    Orientation: VeticalLefttoRight
    PerTabScrolling: False
    Align: Left
    ReorderTabRows: False

    Here's the HTML:
    <li><a href="/Force3/services.aspx" class="selected" id="ctl00_Subnavleft_ctl00_ctl00_ctl02" style="display:none;"><span class="wrap"><span class="innerWrap">Services</span></span></a>
                    <ul style="display:none;">

                            <li class="first"><a href="/Force3/services/servicesoverview.aspx" id="ctl00_Subnavleft_ctl00_ctl00_ctl02_ctl00"><span class="wrap"><span class="innerWrap">Overview</span></span></a></li>
                            <li><a href="/Force3/services/implementationservices.aspx" class="selected" id="ctl00_Subnavleft_ctl00_ctl00_ctl02_ctl01"><span class="wrap"><span class="innerWrap">Implementation Services</span></span></a>

                                <ul style="display:none;">

                                        <li class="first last"><a href="/Force3/services/implementationservices/servicedeliveryapproach.aspx" id="ctl00_Subnavleft_ctl00_ctl00_ctl02_ctl01_ctl00"><span class="wrap"><span class="innerWrap">Service Delivery Approach</span></span></a></li>

                                </ul>
                            </li>
                            <li><a href="/Force3/services/staffaugmentation.aspx" id="ctl00_Subnavleft_ctl00_ctl00_ctl02_ctl02"><span class="wrap"><span class="innerWrap">Staff Augmentation</span></span></a></li>
                            <li class="last"><a href="/Force3/services/customerinnovationcenter.aspx" id="ctl00_Subnavleft_ctl00_ctl00_ctl02_ctl03"><span class="wrap"><span class="innerWrap">Customer Innovation Center</span></span></a></li>

                    </ul>
                </li>


    It looks like it is putting a "last" class on Service Delivery Approach which should appear underneath Implementation Services.

    How do I get child pages to appear underneath their parents using Site Tabstrip?

    Thanks.




  4. Gabe Sumner
    Gabe Sumner avatar
    440 posts
    Registered:
    09 Sep 2007
    21 Oct 2008
    Link to this post
    Hi Joel,

    Would the "Site Menu" or "Site Treeview" navigation controls be closer to what you're looking for?

    Gabe Sumner

  5. Pepi
    Pepi avatar
    981 posts
    Registered:
    31 Jan 2017
    23 Oct 2008
    Link to this post
    Hello Joel,

    The Tabstrip control does not provide the required functionality out of the box. We would recommend you use SiteMenu control (it wraps RadMenu and SiteMapDataSource) in order to achieve this. You need just to set the horizontal flow of the child menu items like this:

    ~/Sitefinity/UserControls/Navigation/SiteMenu.ascx
    public void RadMenu1_ItemDataBound(object sender, RadMenuEventArgs e) 
        { 
     
            e.Item.GroupSettings.Flow = ItemFlow.Horizontal; 
            ... 
        } 

    Hope you will find the provided information helpful.

    Kind regards,
    Pepi
    the Telerik team

    Check out Telerik Trainer, the state of the art learning tool for Telerik products.
  6. Joel
    Joel avatar
    28 posts
    Registered:
    18 Jun 2008
    06 Nov 2008
    Link to this post
    I am having difficulty getting this to work.

    I need the nav to be vertical, but it isn't even showing up if I start with any node but zero.


    I have the following nav..


    Main nav - horizontal
    Breadcrumbs - horizontal

    Subnav - needs to be vertical starting with the current node and showing just child pages.




  7. Pepi
    Pepi avatar
    981 posts
    Registered:
    31 Jan 2017
    12 Nov 2008
    Link to this post
    Hello Joel,

    For the main navigation (which should be horizontal if I understand correctly) you could use a SiteTabstrip that will list all first level items. For the subnavigation (which should be vertical) you could use a SiteMenu and set it as follows:

    1. Click Edit to open SiteMenu property window.
    2. Expand section Navigation and type 1 for StartingNodeOffset property.
    3. Expand section Misc and click Edit button next to Menu field - RadMenu property window opens.
    4. Expand the Behavior section and select Vertical option from Flow drop down.
    5. Click I'm done to save the changes.

    If the above does not help, please send us a mockup illustrating what exactly you want to achieve in order to provide you with a solution.

    Thanks for your cooperation in advance.

    Best wishes,
    Pepi
    the Telerik team

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