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
0
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
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