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

Forums / Designing with Sitefinity / Using Visual Style Builder menu styles in project?

Using Visual Style Builder menu styles in project?

13 posts, 0 answered
  1. John
    John avatar
    26 posts
    Registered:
    30 Nov 2010
    12 Dec 2010
    Link to this post
    I created a custom menu style using  Visual Style Builder, saved the zip file, and now I'd like to know how to incorporate this into Sitefinity. I'm using Visual Studio Express to manage the CMS, so where would I drop this in the project?
  2. Ivan Dimitrov
    Ivan Dimitrov avatar
    16072 posts
    Registered:
    09 Dec 2016
    12 Dec 2010
    Link to this post
    Hi John,

    You should follow Tutorial: Creating A Custom Skin

    - you need a skin file
    - you need a folder for your custom skin
    - you should set EnableEmbeddedSkins to false and set Skin property of the Navigation control you are going to use though the control designer.

    Kind regards,
    Ivan Dimitrov
    the Telerik team
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
  3. John
    John avatar
    26 posts
    Registered:
    30 Nov 2010
    13 Dec 2010
    Link to this post
    OK, I have created the skin for the menu and placed the files (css and "menu" folder) in the theme folder of the theme I'm using, under the App_Themes directory.

    In Sitefinity, I go to 'edit template' then 'edit' the SiteMenu control. In the 'Skin' box I replace 'Default' with 'MyTheme'. I get a server error. Is there something in the control dialog I'm missing? EnableEmbeddedSkins is not an option in the SiteMenu control. Should I be using RadMenu instead of SiteMenu? When I use RadMenu, it's not bound to the site map data like the SiteMenu control.

    There seems to be a dozen or so embedded skins that work for SiteMenu. All I want to do is edit one of these and replace with the custom menu files - seems like a simple task. I'm completely new to ASP/.NET and Sitefinity, so please bear with me and provide any extra details that might assist.
    Thanks.
  4. Ivan Dimitrov
    Ivan Dimitrov avatar
    16072 posts
    Registered:
    09 Dec 2016
    13 Dec 2010
    Link to this post
    Hi John,

    EnableEmbeddedSkins is a property of the RadMenu control. You can set the property to false from the control designer as shown in the attached video.

    Best wishes,
    Ivan Dimitrov
    the Telerik team
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
  5. John
    John avatar
    26 posts
    Registered:
    30 Nov 2010
    13 Dec 2010
    Link to this post
    But when I use the RadMenu control, it's not populated with sitemap data. How do I make that connection?
  6. Ivan Dimitrov
    Ivan Dimitrov avatar
    16072 posts
    Registered:
    09 Dec 2016
    13 Dec 2010
    Link to this post
    Hello John,

    You can use SiteMapDataSource control

    <asp:SiteMapDataSource ID="SiteMapDataSource1" runat="server" ShowStartingNode="false" />
    <telerik:RadMenu ID="RadMenu1"  runat="server"  DataSourceID="SitemapDataSource1" >
    </telerik:RadMenu>

    Under "Data" controls section there is a control SiteMapDataSource which you can use to bind your RadMenu from the UI. You can take a look at MSDN reference to see all properties of SiteMapDataSource.


    Regards,
    Ivan Dimitrov
    the Telerik team
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
  7. John
    John avatar
    26 posts
    Registered:
    30 Nov 2010
    13 Dec 2010
    Link to this post
    In the DataSourceID  dialog box I've included the 'SiteMapDataSource' control, and I get a page error.
  8. John
    John avatar
    26 posts
    Registered:
    30 Nov 2010
    14 Dec 2010
    Link to this post
    Still interested in finding out some additional details.

    Basically, how can I modify the existing SiteMenu control skins? Where are these stylesheets and sprites located for editing?
  9. Ivan Dimitrov
    Ivan Dimitrov avatar
    16072 posts
    Registered:
    09 Dec 2016
    14 Dec 2010
    Link to this post
    Hi John,

    SiteMenu is wrapper for RadMenu control. The SiteMenu control has a property called Skin which you can use to set the name of your custom skin. There is also property of type RadMenu - called Menu, located at the bottom of the control designer from where you can access all public properties of the RadMenu control. When you use custom skin you have to set EnableEmbeddedSkins property to false. You can gather more information at Tutorial: Creating A Custom Skin and Controling appearance of RadControls for ASP.NET AJAX in Sitefinity

    Best wishes,
    Ivan Dimitrov
    the Telerik team
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
  10. John
    John avatar
    26 posts
    Registered:
    30 Nov 2010
    14 Dec 2010
    Link to this post
    Actually, I'd just like to know if/where I can edit the existing skins.

    I've watched the tutorials you've mentioned, and they don't seem to address some basic info with integrating these menus with Sitefinity (where do the custom skin files belong in the folder structure and how do I link to them from the control designer), and binding them to the site map.

    Again, it would simple if I could just access the embedded skins and modify or replace them with a custom stylesheet and sprite.
  11. Ivan Dimitrov
    Ivan Dimitrov avatar
    16072 posts
    Registered:
    09 Dec 2016
    14 Dec 2010
    Link to this post
    Hello John,

    You can download a trial from telerik.com by using the same credentials you use to access your Sitefinity's account. The trial contains all embedded skins.

    Kind regards,
    Ivan Dimitrov
    the Telerik team
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
  12. John
    John avatar
    26 posts
    Registered:
    30 Nov 2010
    14 Dec 2010
    Link to this post
    I'm building this site with Blank Project, which has all the skins. I just need to know where to edit them.
  13. Ivan Dimitrov
    Ivan Dimitrov avatar
    16072 posts
    Registered:
    09 Dec 2016
    15 Dec 2010
    Link to this post
    Hello John,

    By default skins for RadControls are compiled as embedded resources in Telerik.Web.UI. You should have them as a source if you want to edit a stylesheet.

    Kind regards,
    Ivan Dimitrov
    the Telerik team
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
Register for webinar
13 posts, 0 answered