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

1 posts, 0 answers
  1. Telerik Admin
    Telerik Admin avatar
    1679 posts
    Member since:
    Oct 2004

    Posted 29 Apr 2015 Link to this post

    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.

Back to Top