This is a migrated thread and some comments may be shown as answers.

Embedded Icons

1 Answer 92 Views
ToggleButton
This is a migrated thread and some comments may be shown as answers.
Jon
Top achievements
Rank 1
Jon asked on 16 Feb 2016, 03:00 PM

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?

1 Answer, 1 is accepted

Sort by
0
Danail Vasilev
Telerik team
answered on 17 Feb 2016, 12:32 PM
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.

Regards,
Danail Vasilev
Telerik
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
Tags
ToggleButton
Asked by
Jon
Top achievements
Rank 1
Answers by
Danail Vasilev
Telerik team
Share this question
or