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

Forums / Designing with Sitefinity / Converting Template to Sitefinity

Converting Template to Sitefinity

4 posts, 0 answered
  1. Erick
    Erick  avatar
    5 posts
    Registered:
    17 May 2008
    01 Aug 2008
    Link to this post
    I've got a template with a menu like this:

        <div id="menu">
            <ul>
                <li class="bg1"><a href="#" class="link2">Products</a></li>
                <li class="bg1"><a href="#" class="link2">Services</a></li>
                <li class="bg1"><a href="#" class="link2">Press Room</a></li>
                <li class="bg1"><a href="#" class="link2">Customer Support</a></li>
                <li class="bg1"><a href="#" class="link2">Careers</a></li>
                <li class="bg1"><a href="#" class="link2">Contact Us</a></li>
            </ul>
        </div>

    Then I converted to a content place holder in a master page:

        <div id="menu">
            <asp:contentplaceholder id="TopMenu" runat="server"></asp:contentplaceholder>      
        </div>

    But I'm not sure what navigation control to put here to generate the html items with proper css classes.
  2. Katia
    Katia avatar
    194 posts
    Registered:
    01 Jul 2016
    05 Aug 2008
    Link to this post
    Hello Erick ,

    The navigation controls cannot generate the HTML you have specified. You can use Site TabStrip from Navigation controls, for example. The HTML that will be generate will look like the one below. You can then adjust your CSS to the mark-up of the navigation control.

    <

    div class="tabstrip RadTabStrip_Default">

    <div class="levelwrap level1" style="display: block;">

    <ul>

    <li class="first last">

    <a class="selected" href="#">

    <span class="wrap">

    <span class="innerWrap">Products</span>

    </span>

    </a>

    </li>

    <li>

    <a href="#">

    <span class="wrap">

    <span class="innerWrap">Services</span>

    </span>

    </a>

    </li>

    <li>

    <a href="#">

    <span class="wrap">

    <span class="innerWrap">Press Room</span>

    </span>

    </a>

    </li>

    <li>

    <a href="#">

    <span class="wrap">

    <span class="innerWrap">Customer Support</span>

    </span>

    </a>

    </li>

    <li>

    <a href="#">

    <span class="wrap">

    <span class="innerWrap">Careers</span>

    </span>

    </a>

    </li>

    <li class="last">

    <a href="#">

    <span class="wrap">

    <span class="innerWrap">Contact Us</span>

    </span>

    </a>

    </li>

    </ul>

    </div>

    </

    div>


    Greetings,
    Katia
    the Telerik team

    Check out Telerik Trainer, the state of the art learning tool for Telerik products.
  3. Erick
    Erick  avatar
    5 posts
    Registered:
    17 May 2008
    05 Aug 2008
    Link to this post
    Instead of using the navigation controls, can't I just write some code to loop through the pages and create the HTML I need?

    I've tried to adjust the CSS to the TabStrip without success.

    Thanks.
  4. Ivan
    Ivan avatar
    478 posts
    Registered:
    16 Jun 2015
    07 Aug 2008
    Link to this post
    Hello Erick ,

    Sitefinity is using standard ASP.NET sitemap, which means that you can implement your own navigational controls quite simply. For example, you can use repeater and bind it to the Sitemap datasource. The controls we have provided are there for fast and simple use, but they are by no means obligatory.

    You can find more about ASP.NET sitemap here:
    http://msdn.microsoft.com/en-us/library/ms227558.aspx

    I hope you'll find this information helpful. Let us know if there is anything else we can do for you.

    Kind regards,
    Ivan
    the Telerik team

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