Completed
Last Updated: 03 Feb 2014 12:53 by ADMIN
ADMIN
Danail Vasilev
Created on: 29 Jan 2014 13:39
Category: FormDecorator
Type: Bug Report
1
FIX decorated buttons by RadFormDecorator have higher width
Buttons decorated by RadFormDecorator have 16 additional pixels. Issue is reproducible since Q3 2013 and is caused due to the box-sizing and -moz-box-sizing styles. For the time being one of the following workarounds can be used:

1) Override the box-sizing style:

CSS:

    <style>
        .RadForm, .RadForm.rfdTextbox .rfdDecorated {
            box-sizing: border-box !important;
            -moz-box-sizing: border-box !important;
        }
    </style>

ASPX:

        <telerik:RadFormDecorator ID="RadFormDecorator1" runat="server" DecoratedControls="All" />
        <div style="margin: 20px; margin-bottom: 0; border: 2px solid Black; height: 15px; width: 168px;"></div>
        <div style="position: absolute; margin: 10px; margin-top: 0; padding: 10px; padding-top: 0;">
            <div>
                <asp:Button ID="Button1" runat="server" Text="Cancel" TabIndex="1" Width="80px" UseSubmitBehavior="false" />
                <asp:Button ID="Button2" runat="server" Text="Save" TabIndex="2" Width="80px" UseSubmitBehavior="false" />
            </div>
        </div>
2) Set the rendermode of the FormDecorator to lightweight:

ASPX:

        <telerik:RadFormDecorator ID="RadFormDecorator1" runat="server" DecoratedControls="All" RenderMode="Lightweight" />
        <div style="margin: 20px; margin-bottom: 0; border: 2px solid Black; height: 15px; width: 168px;"></div>
        <div style="position: absolute; margin: 10px; margin-top: 0; padding: 10px; padding-top: 0;">
            <div>
                <asp:Button ID="Button1" runat="server" Text="Cancel" TabIndex="1" Width="80px" UseSubmitBehavior="false" />
                <asp:Button ID="Button2" runat="server" Text="Save" TabIndex="2" Width="80px" UseSubmitBehavior="false" />
            </div>
        </div>
0 comments