Invisible TextBox in IE7 with RadSpell control

[Marco]

Hello,

I have a problem when i use the FormDecorator inside a RadPane contentURL page and there in combination with the Radspell control and a table
I have a radSplitter with a Radpane where another page is loaded by the ContentUrl.

<telerik:RadSplitter ID="rsHome" runat="server" VisibleDuringInit="false" Orientation="Horizontal"
                    Width="100%" Height="100%" CssClass="mainsplitter" BorderSize="0">
                    <telerik:RadPane ID="rpHomeContent" runat="server" Scrolling="None" ContentUrl="Test.aspx">
                        <!-- content pane -->
                    </telerik:RadPane>
                </telerik:RadSplitter>

With IE7 the TextBox(es) are invisible when i use the Formdecorator in combination with the RadSpell controll and a table.
The Test.aspx page that is loaded inside the Radpane, is having this code:

<form id="form1" runat="server">
    <asp:ScriptManager ID="ScriptManager1" runat="server">
    </asp:ScriptManager>
    <telerik:RadFormDecorator ID="RadFormDecorator1" runat="server" Skin="Outlook" />
    <table cellpadding="0px" cellspacing="0px" class="table_test">
        <tr>
            <td>
                Write something
            </td>
            <td style="width: 250px; text-align: right">
                <telerik:RadSpell ID="RadSpell1" runat="server" Skin="Sunset" ControlToCheck="txtWrite"
                    ButtonType="PushButton" SupportedLanguages="en-US,English,fr-FR,French,de-DE,German,nl-NL,Dutch"
                    Language="en-US" DictionaryPath="~/App_Data/RadSpell" />
            </td>
        </tr>
        <tr>
            <td>
            </td>
        </tr>
    </table>
    <br />
    <asp:TextBox ID="txtWrite" runat="server" Width="700px" Height="100px" TextMode="MultiLine"
        CssClass="write_text"></asp:TextBox>
    </form>

This works ok in FF, where the textbox is visible.
In IE7 the folowing happens.
When i remove the Formdecorator, the textbox is visible.
When i remove the table and RadSpell, the textbox is visible and decorated.
Strange..
When i remove only the table, and keep the RadSpell the textbox is invisible.
When i remove only the radSpell and keep the table the textbox is invisible.
Stranger...
When i put the TextBox inside the table, the TextBox is also visible.
This is in the same TD or in another TR-TD.

The above is with the first page load.
When is use the RadSpell, or do some other action, the invisible textbox will be visible.

I hopes this is clear, is realy complex to explain :-)

p.s.
It works ok in IE7, when i not use the Test.aspx page inside a radpane.

Marchu


 

[Georgi Tunev]

Hello Marco,

We are familiar with this issue which is due to a problem with the browser itself. Here is how to fix it:

<telerik:RadFormDecorator ID="RadFormDecorator1" runat="server" Skin="Outlook" />
        <style type="text/css">
        textarea,input,button
        {
            visibility:visible !important;
       }
    </style>

Just make sure that the style is declared after RadFormDecorator's declaration.



Sincerely yours,
Georgi Tunev
the Telerik team

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