FormDecorator makes RadioButtons disappear

4 posts, 0 answers
  1. Aydın Kara
    Aydın Kara avatar
    40 posts
    Member since:
    May 2008

    Posted 07 Aug 2008 Link to this post

    Hi,

    I installed RadControls for ASP.NET AJAX Q2 2008. When I use the formdecorator, it makes the radiobuttons on the html table disappear, although the radiobuttons are out of the decoration zone.
    My code is as follows:

    <

    tr>

    <td colspan="2">

    <telerik:RadFormDecorator ID="RadFormDecorator1" runat="server" DecoratedControls="Buttons" DecorationZoneID="buttonZone"

    Skin="WebBlue" />

    <div id="buttonZone">

    <asp:Button ID="btnSave" runat="server" OnClick="btnSave_Click"

    Text="Save" />

    </div>

    </td>

    </tr>

    <tr>

    <td colspan="2">

        <asp:RadioButton ID="RadioButton1" runat="server" Text="Test Test" /></td>

    </tr>

  2. Georgi Tunev
    Admin
    Georgi Tunev avatar
    7207 posts

    Posted 07 Aug 2008 Link to this post

    Hi Hasan,

    Here is how to fix this problem:
    telerik admin: code removed - please check the reply given on 8/11/2008

    Kind regards,
    Georgi Tunev
    the Telerik team

    Check out Telerik Trainer, the state of the art learning tool for Telerik products.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Aydın Kara
    Aydın Kara avatar
    40 posts
    Member since:
    May 2008

    Posted 08 Aug 2008 Link to this post

    Hi,

    I doesn't make sense. Am I going to add this javascript code for all controls that are not going to be decorated?
  5. Georgi Tunev
    Admin
    Georgi Tunev avatar
    7207 posts

    Posted 11 Aug 2008 Link to this post

    Hello Hasan,

    First of all, I would like to apologize for my previous reply - indeed, the code that I gave you worked only for the scenario that you sent me (e.g. having only one radiobutton) which is not a good practice.

    The problem itself comes from a bug in Internet Explorer's implementation. We managed to fix it from our side by making changes in RadFormDecorator's code and the fix will be available with the next Service Pack at the end of the month.

    With the current version you can use the following JavaScript to ensure that all inputs will be rendered as expected:

    <html xmlns="http://www.w3.org/1999/xhtml"
    <head runat="server"
        <title>Untitled Page</title> 
     
        <script type="text/javascript"
        function pageLoad()   
        {   
           if (!$telerik.isIE) return;          
           var inputs = document.getElementsByTagName("INPUT");   
           for (var i=0; i < inputs.length; i++)   
           {   
                var input = inputs[i];                   
                //Force the IE browser to rerender input   
                input.style.zoom = "1";               
           }         
        }   
     
        </script> 
     
    </head> 
    <body> 
        <form id="form1" runat="server"
            <asp:ScriptManager ID="ScriptManager1" runat="server"
            </asp:ScriptManager> 
            <table> 
                <tr> 
                    <td colspan="2"
                        <telerik:RadFormDecorator ID="RadFormDecorator1" runat="server" DecoratedControls="Buttons" 
                            DecorationZoneID="buttonZone" Skin="WebBlue" /> 
                        <div id="buttonZone"
                            <asp:Button ID="btnSave" runat="server" Text="Save" /> 
                        </div> 
                    </td> 
                </tr> 
                <tr> 
                    <td colspan="2"
                        <asp:RadioButton ID="RadioButton1" runat="server" Text="Test Test" /></td
                </tr> 
            </table> 
        </form> 

    To avoid further confusion, I removed the code from my previous reply.


    Best wishes,
    Georgi Tunev
    the Telerik team

    Check out Telerik Trainer, the state of the art learning tool for Telerik products.
Back to Top