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

Forums / Designing with Sitefinity / Visual Style Builder

Visual Style Builder

9 posts, 1 answered
  1. Shawn Davis
    Shawn Davis avatar
    81 posts
    Registered:
    13 Oct 2012
    06 Jun 2010
    Link to this post
    I'm having some trouble with the VSB.  I made some modifications to a menu and outputted the files.  But the sprite file looks like the attached file and the menu looks just like that when it runs.  Is there som eflaw in VSB or ami doing something wrong?

    Thanks!
  2. Radoslav Georgiev
    Radoslav Georgiev avatar
    3370 posts
    Registered:
    01 Feb 2016
    07 Jun 2010
    Link to this post
    Hi Shawn Davis,

    Thank you for using our services.

    This exactly how the sprite file should look like. The RadMenu will use this sprite file to build the appearance through styling rules. Could you please clarify how the menu outputs on your end and how do you expect it to look like?

    Greetings,
    Radoslav Georgiev
    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. Shawn Davis
    Shawn Davis avatar
    81 posts
    Registered:
    13 Oct 2012
    07 Jun 2010
    Link to this post
    It looks like the attached.
  4. Radoslav Georgiev
    Radoslav Georgiev avatar
    3370 posts
    Registered:
    01 Feb 2016
    08 Jun 2010
    Link to this post
    Hello Shawn Davis,

    It seems that your menu has its EnableEmbeddedBaseStylesheet or EnableEmbeddedScripts properties set to false. Could you verify that this is the case? Those two properties should be set to false only if you are going to load the base stylesheet and the scripts from a location different the default one - they are served as an embedded resource. More information on this topic can be found here: Disabling embedded resources.
     
    Kind regards,
    Radoslav Georgiev
    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. Shawn Davis
    Shawn Davis avatar
    81 posts
    Registered:
    13 Oct 2012
    08 Jun 2010
    Link to this post
    The output of the VSD does not include a skin.  Do I not need one?  I made one thinking I'd need it.

    The menu seems to work with this (below) in the skin, but I don't get the gradients.  With them both set to true it says that it can't find the skin (mine is named Komessar).

     

    EnableEmbeddedSkins="false" 
    EnableEmbeddedBaseStylesheet="true"

     

    Also, when I use the VSD to change the color of the menu it doesn't really change to the color I select it seems to merge the two.  What is the best way for me to get exactly the colors I want?

     

    Thanks! 

     

  6. Radoslav Georgiev
    Radoslav Georgiev avatar
    3370 posts
    Registered:
    01 Feb 2016
    09 Jun 2010
    Link to this post
    Hello Shawn Davis,

    The VSD provides you with a skin - the .CSS file which you donwload. The .skin file which you would create for the menu  globally tells it that it should use a particular skin. In your case when you create a .skin file you can try with something like this:
    <%@ Register TagPrefix="telerik" Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" %>
    <telerik:RadMenu    
        runat="server" 
        Skin="Komessar" EnableEmbeddedSkins="false">
    </telerik:RadMenu>

    The base style sheet should be enabled. You are getting unable to find skin if you set the use of embedded skins to true, because it is looking for a skin with name Komessar in the built in skins.

    Regards,
    Radoslav Georgiev
    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. Shawn Davis
    Shawn Davis avatar
    81 posts
    Registered:
    13 Oct 2012
    09 Jun 2010
    Link to this post
    When I set the .skin as follows:
    <%@ Register TagPrefix="telerik" Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" %>
    <telerik:RadMenu 
        runat="server" 
        EnableEmbeddedSkins="false" 
        EnableEmbeddedBaseStylesheet="true"
        Skin="Komessar" />

    and place the menu on the page I get the menu but without any gradients.  In the menu properties it has the skin as Default.  Do I need to change it to something else?  And what is SkinID for?  Why do you think I'm not getting the gradients?

    Thanks.
  8. Ivan Dimitrov
    Ivan Dimitrov avatar
    16072 posts
    Registered:
    25 Nov 2016
    09 Jun 2010
    Link to this post
    Hello Shawn Davis,

    Go to Misc section of the control designer ( when the control is opening for edit), click on the selector for Menu property, expand Behavior and from there set EnableEmbeddedSkins to false explicitly. Then try changing the Skin property of the control from Default to Komessar. This should force the control to grab your styles and use the custom skin you have created.

    If there is still problem with some of the styles - your rules are overridden or there are some problems with the css classes you have.

    Greetings,
    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.
    Answered
  9. Shawn Davis
    Shawn Davis avatar
    81 posts
    Registered:
    13 Oct 2012
    09 Jun 2010
    Link to this post
    Mystery solved.  It should have occurred to me sooner.  When VSB outputs the .css file it puts it outside the menu directory.  Since all the other skin directories in the template I'm using has the css inside I moved it inside and thus the pathing was off.

    Sorry for being such newbie - still only a year of .net web coding under my belt.

    Thanks for all of the help!
Register for webinar
9 posts, 1 answered