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

Unification of the widths of RadButtons with Classic RenderMode as of Q2 2015 release

0 Answers 29 Views
Button
This is a migrated thread and some comments may be shown as answers.
This question is locked. New answers and comments are not allowed.
Telerik Admin
Top achievements
Rank 1
Iron
Telerik Admin asked on 29 Apr 2015, 01:03 PM

The width of StandardButtons (ButtonType="StandardButton"), SkinnedButtons (ButtonType="SkinnedButton") and LinkButtons (ButtonType="LinkButton") in the Classic render mode of RadButton is unified in the Q2 2015 release of UI for ASP.NET AJAX. As a result, the following changes in the width of the button control will be observed:

  • If you configured a button control with icons, the space between the primary icon and the button text, as well as the space between the button text and the secondary icon could be different and this difference depends on the built-in skin you are currently using.

    For example, the space between the primary icon and the text of a LinkButton in Default skin is 10 pixels smaller than before, resulting in a distance of 9 pixels.

    If this change results in a button width that does not match the desired appearance, you can set an exact button width via the Width property of the control or you can override the built-in CSS rules.

  • The StandardButton now uses border box box sizing (box-sizing: border-box;), which means that any borders you set to the button either via its BorderWidth property or via CSS styles will be included in the total width and height of the control.

    For example, if you have a StandardButton with Width property set to 100px and BorderWidth property set to 1, the total width of the button will now be 100 pixels, instead of 102 pixels.


Tags
Button
Asked by
Telerik Admin
Top achievements
Rank 1
Iron
Share this question
or