RadEditor: toolbar display issue

[Cheng Lim Sek]

Hi,
I encounter the toolbar display as blank in my project (please refer the attached image).
The following are the souce in my aspx page.

  <table cellspacing="0" cellpadding="0" width="100%">
        <tr>
            <td>
                    <table>
                        <colgroup>
                            <col width="30%" />
                            <col width="35%" />
                            <col width="35%" />
                        </colgroup>
                        <tr>
                            <td>
                                <asp:label id="lblTest1" text="Test 1" runat="server"></asp:label>
                            </td>
                            <td>
                                <telerik:radcombobox id="selTest1" runat="server">
                                </telerik:radcombobox>
                            </td>
                            <td>
                            </td>
                        </tr>
                       <tr>
                            <td>
                                <asp:label id="lblTest2" text="Test 2" runat="server"></asp:label>
                            </td>
                            <td>
                                <telerik:radtextbox id="txtTest2" maxlength="100" runat="server">
                                </telerik:radtextbox>
                            </td>
                            <td>
                            </td>
                        </tr>
                        <tr>
                            <td colspan="3">                             
                                <telerik:radeditor id="txtRadEditor1" runat="server">
                                    <tools>
                                        <telerik:editortoolgroup>
                                            <telerik:editortool name="FontName" />
                                            <telerik:editortool name="FontSize" />
                                        </telerik:editortoolgroup>
                                        <telerik:editortoolgroup>
                                            <telerik:editortool name="Bold" />
                                            <telerik:editortool name="Italic" />
                                            <telerik:editortool name="Underline" />
                                            <telerik:editortool name="StrikeThrough" />
                                        </telerik:editortoolgroup>
                                        <telerik:editortoolgroup>
                                            <telerik:editortool name="AjaxSpellCheck" />
                                        </telerik:editortoolgroup>
                                        <telerik:editortoolgroup>
                                            <telerik:editortool name="JustifyLeft" />
                                            <telerik:editortool name="JustifyCenter" />
                                            <telerik:editortool name="JustifyRight" />
                                            <telerik:editortool name="JustifyFull" />
                                            <telerik:editortool name="JustifyNone" />
                                        </telerik:editortoolgroup>
                                        <telerik:editortoolgroup>
                                            <telerik:editortool name="Undo" />
                                            <telerik:editortool name="Redo" />
                                        </telerik:editortoolgroup>
                                        <telerik:editortoolgroup>
                                            <telerik:editortool name="Indent" />
                                            <telerik:editortool name="Outdent" />
                                        </telerik:editortoolgroup>
                                        <telerik:editortoolgroup>
                                            <telerik:editortool name="InsertOrderedList" />
                                            <telerik:editortool name="InsertUnorderedList" />
                                        </telerik:editortoolgroup>
                                    </tools>
                                    <content>
                                    </content>
                                </telerik:radeditor>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <asp:label id="lblTest3" text="Test 3" runat="server"></asp:label>
                            </td>
                            <td>
                                <telerik:radnumerictextbox id="txtTest3"
                                    runat="server">
                                </telerik:radnumerictextbox>
                            </td>
                            <td>
                            </td>
                        </tr>
                   </table>
            </td>
        </tr>
    </table>

The RadEditor's toolbar is look fine if the RadEditor put at 1st row of the Table (above the Test 1). However, if put the RadEditor between the row of Test 2 and Test 3. The toolbar will display blank (refer the attached image).

The editor is using the custom skin:
<telerik:radeditor style="border: 1px solid #b8b8b8; padding-left:4px" font-names="Arial" font-size="11px" forecolor="#474747" height="150px" width="99%" editmodes="Design" maxhtmllenght="1000" toolbarmode="ShowOnFocus" runat="server"/>

All help welcome.

Thanks.

Best Regards,
Cheng Lim



                              

[Cheng Lim Sek]

Hi All,

I tested just now and i found out that this toolbar will display blank is cause by the RadComboBox and RadDatePicker.

For RadComboBox will have a dropdown item "space" and RadDatePicker will have a calendar display "space".
If the RadEditor is close with those "space", the toolbar will display blank.

Is there any workaround for this?

Kindly advice.

Thanks.

Regards,
Cheng Lim

[Rumen]

Hi Cheng,

I was unable to reproduce the problem with the provided markup. Could you please modify the attached project, send it back for examination and specify under which browser the problem occurs?

I also noticed that the toolbar is set to ShowOnFocus in the screenshot but in the provided code it is the default one. Modify the project to demonstrates your exact scenario and the problem so that we can help you.

All the best,
Rumen
the Telerik team