Embedded Icons

2 posts, 0 answers
  1. Jon
    Jon avatar
    73 posts
    Member since:
    Oct 2013

    Posted 16 Feb 2016 Link to this post

    Has anyone else noticed that if you have RadButtons which use embedded icons, if you then add a RadToggleButton the positions of the embedded icons in the RadButtons change? They move leftward so that part of the icon overlaps the left edge of the RadButton. You have to move them in (left) by 2px to get them back where they should be!

    Has anyone also noticed that, by default, the RadToggleButton exceeds the RadButton in height so aligning them adjacent to each other is a little difficult?

  2. Danail Vasilev
    Danail Vasilev avatar
    1502 posts

    Posted 17 Feb 2016 Link to this post

    Hi Jon,

    By default the buttons (RadToggleButton, RadPushButton, etc.) support only a lightweight render mode while the default rendermode of the RadButton is classic. Such appearance issues happen when both rendering of the controls are mixed, so that you should unify the render modes on the page. More information on the matter is available the troubleshooting section of each new control as well as the render mode articles:
         - http://docs.telerik.com/devtools/aspnet-ajax/controls/togglebutton/troubleshooting/distorted-appearance
         - http://docs.telerik.com/devtools/aspnet-ajax/controls/togglebutton/mobile-support/render-modes

    Regarding the sizings:
            - The classic render mode of the controls uses a predefined font family and font size.
            - The lightweight render mode of the controls inherit the font family and font size of the page. This is so, in order for the controls elasticity to take effect. You can read more information on the matter in this article - http://docs.telerik.com/devtools/aspnet-ajax/controls/togglebutton/mobile-support/elastic-design. That being said you can define a particular font size for the body of the page and switch the render mode of the RadButton to lightweight.

    Danail Vasilev
    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 Feedback Portal and vote to affect the priority of the items
Back to Top