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

FormDecorator makes RadioButtons disappear

3 Answers 90 Views

FormDecorator

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

3 Answers, 1 is accepted

answered on 11 Aug 2008, 03:22 PM

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.