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

FormDecorator makes RadioButtons disappear

3 Answers 85 Views
FormDecorator
This is a migrated thread and some comments may be shown as answers.
Aydın Kara
Top achievements
Rank 1
Aydın Kara asked on 07 Aug 2008, 10:47 AM
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>

3 Answers, 1 is accepted

Sort by
0
Georgi Tunev
Telerik team
answered on 07 Aug 2008, 02:26 PM
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.
0
Aydın Kara
Top achievements
Rank 1
answered on 08 Aug 2008, 05:30 AM
Hi,

I doesn't make sense. Am I going to add this javascript code for all controls that are not going to be decorated?
0
Georgi Tunev
Telerik team
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.
Tags
FormDecorator
Asked by
Aydın Kara
Top achievements
Rank 1
Answers by
Georgi Tunev
Telerik team
Aydın Kara
Top achievements
Rank 1
Share this question
or