Skip Navigation LinksHome / Community & Support / Developer Productivity Tools Forums / ASP.NET AJAX > FormDecorator > Button location Diverge

Not answered Button location Diverge

Feed from this thread
  • vincent chen avatar

    Posted on Jul 8, 2010 (permalink)

    Hi,
    I use the RadFormDecorator control to beautify the page control,but i don't know why same page in different browser will display different..And why the button will diverge the textbox horizontal...
    Could you help me how to define?Thank you !

    <%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <head runat="server">
        <title>无标题页</title>
    </head>
    <body>
        <form id="form1" runat="server">
            <telerik:RadScriptManager ID="RadScriptManager1" runat="server">
            </telerik:RadScriptManager>
            <telerik:RadFormDecorator ID="RadFormDecorator1" runat="server" DecoratedControls="All" />
    <table style="width:600px;" cellpadding="2" cellspacing="2">
    <tr>
        <td style="width:10%">ID:</td>
        <td style="width:40%"><input type="text" /></td>
        <td style="width:15%">Name:</td>
        <td style="width:35%"><input type="text" /><input type="button" value="..." /></td>
    </tr>
    </table>
        </form>
    </body>
    </html>

    Attached files

    Reply

  • Bozhidar Bozhidar admin's avatar

    Posted on Jul 12, 2010 (permalink)

    Hi Vincent,

    This Firefox/Safari issue has been fixed for the upcoming 2010 Q2 release.
    Please, find a fast fix, that will align the buttons in Firefox when are placed next to a textbox:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <head id="Head1" runat="server">
        <title>无标题页</title>
        <style type="text/css">
            /*  Fixed button position when it is placed next to a textbox - Firefox/Safari */
            .rfdDecorated,
            a.rfdSkinnedButton
            {
                vertical-align: middle;
            }
        </style>
    </head>
    <body>
        <form id="form1" runat="server">
        <telerik:RadScriptManager ID="RadScriptManager1" runat="server">
        </telerik:RadScriptManager>
        <telerik:RadFormDecorator ID="RadFormDecorator1" runat="server" DecoratedControls="All" />
        <table style="width: 600px;" cellpadding="2" cellspacing="2">
            <tr>
                <td style="width: 10%">
                    ID:
                </td>
                <td style="width: 40%">
                    <input type="text" />
                </td>
                <td style="width: 15%">
                    Name:
                </td>
                <td style="width: 35%">
                    <input type="text" /><input type="button" value="..." />
                </td>
            </tr>
        </table>
        </form>
    </body>
    </html>

    Please, note that when you update to the upcoming version 2010 Q2, it will not be necessary to use it anymore, as the fix will be placed in the base RadFormDecorator CSS file.

    Kind regards,
    Bojo
    the Telerik team
    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 Public Issue Tracking system and vote to affect the priority of the items

    Reply

Back to Top

Skip Navigation LinksHome / Community & Support / Developer Productivity Tools Forums / ASP.NET AJAX > FormDecorator > Button location Diverge
Related resources for "Button location Diverge"

[  ASP.NET FormDecorator Features  |  Documentation  |  Demos  |  Step-by-step Tutorial  ]