RadEditor: toolbar display issue

3 posts, 0 answers
  1. Cheng Lim Sek
    Cheng Lim Sek avatar
    33 posts
    Member since:
    Oct 2009

    Posted 18 Oct 2011 Link to this post

    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



                                  
  2. Cheng Lim Sek
    Cheng Lim Sek avatar
    33 posts
    Member since:
    Oct 2009

    Posted 18 Oct 2011 Link to this post

    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
  3. Rumen
    Admin
    Rumen avatar
    14459 posts

    Posted 18 Oct 2011 Link to this post

    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
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now
Back to Top