Upgrade To Prometheus Styling

3 posts, 0 answers
  1. Shaun Peet
    Shaun Peet avatar
    571 posts
    Member since:
    Aug 2004

    Posted 06 Dec 2007 Link to this post

    This isn't all that difficult but I thought I'd post it anyway to possibly save someone some time.  I went through one of my projects last night and updated the radM:radmenu's to telerik:radmenu's, and here's what I found:
    1) Just like all the other Prometheus controls, if you're using a non-embedded skin (which I think most people would be for the menu), you have to set the EnableEmbeddedSkins property to "False"
    2) The CSS selector names have changed which means that all of your current styling won't be applied.  Go into the stylesheet that contains the definitions for the menu styling and update at least the following:

    • .link is now .rmLink
    • .text is now .rmText
    • .group is now .rmGroup
    • .rootGroup is now .rmRootGroup

    I imagine that all the other names have been updated to use a similar naming convention; since I don't happen to use any of them (.firstGroup, etc.), I cannot confirm this.

    Hope that helps somebody.

    Shaun.

  2. Michael Tissington
    Michael Tissington avatar
    63 posts
    Member since:
    Nov 2007

    Posted 06 Dec 2007 Link to this post

    Thanks - a great help, would like to see Telerik come out with a document which describes what changes we need to make to our styles.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. T. Tsonev
    Admin
    T. Tsonev avatar
    2770 posts

    Posted 07 Dec 2007 Link to this post

    Hello,

    Thank you for the helpful reply Shaun. I am sorry, that we have not included detailed migration instructions with the Futures release. It is still a work in progress, but should be complete in time for the official release.

    Regarding the styling, the only major change is that we have prefixed the class names with "rm". I am including a comparison table. Apart from that there are no breaking changes in the rendering and styling.

    Old class name

    New class name

    bottomArrow

    rmBottomArrow

    clicked

    rmClicked

    disabled

    rmDisabled

    expandBottom

    rmExpandBottom

    expanded

    rmExpanded

    expandLeft

    rmExpandLeft

    expandRight

    rmExpandRight

    expandTop

    rmExpandTop

    first

    rmFirst

    focused

    rmFocused

    group

    rmGroup

    horizontal

    rmHorizontal

    item

    rmItem

    last

    rmLast

    leftArrow

    rmLeftArrow

    leftImage

    rmLeftImage

    level

    rmLevel

    link

    rmLink

    rightArrow

    rmRightArrow

    rootGroup

    rmRootGroup

    scrollWrap

    rmScrollWrap

    separator

    rmSeparator

    slide

    rmSlide

    template

    rmTemplate

    text

    rmText

    topArrow

    rmTopArrow

    vertical

    rmVertical



    All the best,
    Tsvetomir Tsonev
    the Telerik team

    Instantly find answers to your questions at the new Telerik Support Center
Back to Top