Embedded skin CSS affecting custom skin

4 posts, 0 answers
  1. Josh Anderson
    Josh Anderson avatar
    83 posts
    Member since:
    Dec 2005

    Posted 30 Jan 2009 Link to this post

    I have configured a toolbar to use a custom skin, but I notice when inspecting the source that some of the embedded skin information is still retained.  Specifically, when I create a drop-down button, the wrapper DIV on the drop-down menu is assigned both my custom class and the default class, as follows:

    <div class="RadToolBarDropDown RadToolBarDropDown_InTouch" ...

    Similarly, the WebResource.axd file is outputting CSS information for the RadToolBarDropDown class which is overriding the CSS properties I specify in my custom skin.

    How can I get the embedded skins to REALLY be removed?

    Josh
  2. Alex Gyoshev
    Admin
    Alex Gyoshev avatar
    2500 posts

    Posted 02 Feb 2009 Link to this post

    Hi Josh Anderson,

    Most of the RadControls have two CSS files associated with them, a base (containing common properties, most of which required for the proper functionality of the control) and a skin (Default, Vista, etc). You can disable the first one (which is the one that you describe) through the EnableEmbeddedBaseStylesheet property.

    Sincerely yours,
    Alex
    the Telerik team

    Check out Telerik Trainer, the state of the art learning tool for Telerik products.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Josh Anderson
    Josh Anderson avatar
    83 posts
    Member since:
    Dec 2005

    Posted 02 Feb 2009 Link to this post

    Where can I access the CSS for those base styles?  If I disable the embedded style sheet it breaks the layout of the toolbar.  I suppose I'll need to incorporate that style information into my custom skin, right?

    Josh
  5. Atanas Korchev
    Admin
    Atanas Korchev avatar
    8462 posts

    Posted 03 Feb 2009 Link to this post

    Hi Josh Anderson,

    The base css file defines the layout of the control. You can find it in your RadControls installation:

    [InstallDir]\Skins\Toolbar.css

    Regards,
    Albert
    the Telerik team

    Check out Telerik Trainer, the state of the art learning tool for Telerik products.
Back to Top