RadEditor does not allow Text entry in Safari or Chrome (any version of either)

6 posts, 0 answers
  1. Dan
    Dan avatar
    11 posts
    Member since:
    Dec 2013

    Posted 01 Apr 2014 Link to this post

    Inside an UpdatePanel, I have an ajax:ReorderList.  In the ReorderList's InsertItemTemplate, I have a Panel with two RadEditors.  I display the Panel in an ajax:ModalPopupExtender when the User clicks on a Button above the ReorderList.

    Both RadEditors work just fine in IE versions 9 and up or in Firefox (tested versions 3.6.8, 8.0.1, 9.0.1, 27.0.1, and 28.0.1).

    However, in Safari (version 4, 5, or 5.1.7) or Chrome 33, Users cannot enter Text into either RadEditor...

    The generated HTML looks very similar in all browsers, a <textarea> is created, even though I have tried setting the Editors' EnableTextareaMode="false" in the markup.

    Please help me figure out what I'm doing wrong...

    Here is my aspx markup

    <asp:UpdatePanel runat="server" ID="itemUpdatePanel" UpdateMode="Conditional">
        <ContentTemplate>
            <div class="buttonPanelLeft">
                <SuperPanel:ContentButton ID="AddNewFAQItemButton" runat="server" CssClass="buttonShellWidthMedium"
                    Text="Add FAQ Item" OnClientClick="return CheckSelectedCategory();" meta:resourcekey="AddNewFAQItemButton"></SuperPanel:ContentButton>
            </div>
            <div class="pad10Clear">
            </div>
            <asp:Panel runat="server" ID="FAQContainerTitlePanel" Style="margin-top: 5px; margin-bottom: 5px;
                font-weight: bold;">
                <asp:Label ID="faqContainerTitleText" runat="server" Text="Frequently Asked Questions and Answers"
                    meta:resourcekey="faqContainerTitleText" />
            </asp:Panel>
            <ajax:ReorderList ID="itemList" PostBackOnReorder="True" DataSourceID="itemDataSource"
                CssClass="itemList" DragHandleAlignment="Top" ItemInsertLocation="End" DataKeyField="FAQID"
                CallbackCssStyle="callbackStyle" SortOrderField="SortOrder" runat="server" LayoutType="User"
                AllowReorder="True" ShowInsertItem="True">
                <DragHandleTemplate>
                    <div class="clear">
                    </div>
                    <div class="groupItemDragHandle" style="float: left; *margin-left: -4px;">
                    </div>
                    <div class="clear">
                    </div>
                </DragHandleTemplate>
                <EditItemTemplate>
                    <asp:Panel ID="editFAQItemDiv" runat="server">
                        <hr style="width: 100%;"></hr>
                        <div class="pad10Clear">
                        </div>
                        <div class="groupItemCommandBar">
                            <asp:Label ID="selectCategoryText" runat="server" meta:resourcekey="selectCategoryText"
                                Text="FAQ Category:"></asp:Label>
                            <div class="clear">
                            </div>
                            <asp:DropDownList ID="categoryList" runat="server" CssClass="groupItemDropDown" DataSourceID="categoryDataSource"
                                DataTextField="CategoryName" DataValueField="CategoryID" SelectedValue='<%# Bind("CategoryID") %>'>
                            </asp:DropDownList>
                            <div class="pad10Clear">
                            </div>
                            <div>
                                <asp:LinkButton ID="faqItemSaveButton" runat="server" CommandName="Update" CssClass="saveButton"
                                    meta:resourcekey="faqItemSaveButton" OnClientClick="endItemEdit();ShowAddNewCategoryButton(true);"
                                    Style="float: left;"></asp:LinkButton>
                                <asp:LinkButton ID="faqItemCancelButton" runat="server" CommandName="Cancel" CssClass="cancelButton"
                                    meta:resourcekey="faqItemCancelButton" OnClientClick="endItemEdit();ShowAddNewCategoryButton(true);"
                                    Style="float: left;"></asp:LinkButton>
                            </div>
                        </div>
                        <div class="pad5Clear">
                        </div>
                        <div class="groupItemQuestion">
                            <asp:Label ID="editQuestionLabel" runat="server" Style="font-size: 15pt;" meta:resourcekey="editQuestionLabel"
                                SkinID="BoldFormFieldLabel" Text="Q:"></asp:Label>
                        </div>
                        <div class="faqError">
                            <asp:RequiredFieldValidator ID="itemEditQuestionValidator" runat="server" ControlToValidate="questionEditor"
                                Display="Dynamic" meta:resourcekey="itemEditQuestionValidator" Text="Question is required."></asp:RequiredFieldValidator>
                        </div>
                        <div class="pad10Clear">
                        </div>
                        <div class="HtmlEditorItem">
                            <telerik:RadEditor ID="questionEditor" runat="server" Height="200px" Width="99%"
                                StripFormattingOnPaste="MSWordRemoveAll" Content='<%# Bind("Question") %>' EnableResize="False"
                                SkinID="BasicSetOfTools" EnableEmbeddedSkins="False">
                            </telerik:RadEditor>
                        </div>
                        <div class="pad10Clear">
                        </div>
                        <div class="groupItemQuestion">
                            <asp:Label ID="editAnswerLabel" runat="server" meta:resourcekey="editAnswerLabel"
                                Style="font-size: 15pt;" SkinID="BoldFormFieldLabel" Text="A:"></asp:Label>
                        </div>
                        <asp:RequiredFieldValidator ID="itemEditAnswerValidator" runat="server" ControlToValidate="answerEditor"
                            Display="Dynamic" meta:resourcekey="itemEditAnswerValidator" Text="Answer is required."></asp:RequiredFieldValidator>
                        <div class="pad10Clear">
                        </div>
                        <div class="HtmlEditorItem">
                            <telerik:RadEditor ID="answerEditor" runat="server" Height="200px" Width="99%" EnableResize="False"
                                StripFormattingOnPaste="MSWordRemoveAll" SkinID="BasicSetOfTools" Content='<%# Bind("Answer") %>'
                                EnableEmbeddedSkins="False">
                            </telerik:RadEditor>
                        </div>
                        <hr style="width: 100%;"></hr>
                        <div class="pad10Clear">
                        </div>
                        <asp:HiddenField ID="editSortOrderHiddenField" runat="server" Value='<%# Bind("SortOrder") %>' />
                    </asp:Panel>
                </EditItemTemplate>
                <InsertItemTemplate>
                    <asp:Panel ID="insertFAQItemPanel" runat="server" Style="display: none; width: 800px;
                        background-color: #FFFFFF; padding: 8px 8px 8px 8px;">
                        <SkinnedButton:SkinnedPanel ID="AddFAQItemSkinnedPanel" runat="server" CssClass="widthPx800"
                            GroupingText="Add FAQ Item" meta:resourcekey="AddFAQItemSkinnedPanel">
                            <div class="clear">
                            </div>
                            <div class="panelInsidePadding">
                                <div class="clear">
                                </div>
                                <asp:Panel ID="insertPanel" runat="server" CssClass="groupItem" Style="margin-top: 10px;">
                                    <div>
                                        <div class="groupItemQuestion">
                                            <asp:RequiredFieldValidator ID="itemAddQuestionValidator" runat="server" ControlToValidate="itemAddQuestionEditor"
                                                Display="Dynamic" meta:resourcekey="itemAddQuestionValidator" Text="Question is required."
                                                ValidationGroup="InsertFAQItem"></asp:RequiredFieldValidator>
                                        </div>
                                        <div class="groupItemQuestion">
                                            <asp:Label ID="enterQuestionText" runat="server" meta:resourcekey="enterQuestionText"
                                                SkinID="BoldFormFieldLabel" Text="Enter Question:"></asp:Label>
                                        </div>
                                        <div class="HtmlEditorItem">
                                            <div class="clearfix">
                                            </div>
                                            <telerik:RadEditor ID="itemAddQuestionEditor" runat="server" Height="250px" Width="99%"
                                                Content='<%# Bind("Question") %>' SkinID="BasicSetOfTools" EnableResize="False"
                                                StripFormattingOnPaste="MSWordRemoveAll" EnableTextareaMode="False">
                                                <Modules>
                                                    <telerik:EditorModule Name="EditorStatsModule" Enabled="true" Visible="true" />
                                                    <telerik:EditorModule Name="RadEditorStatistics" Enabled="true" Visible="False" />
                                                </Modules>
                                            </telerik:RadEditor>
                                            <div class="clearfix">
                                            </div>
                                        </div>
                                    </div>
                                    <div>
                                        <div class="groupItemAnswer">
                                            <asp:RequiredFieldValidator ID="itemAddAnswerValidator" runat="server" ControlToValidate="itemAddAnswerEditor"
                                                Display="Dynamic" meta:resourcekey="itemAddAnswerValidator" Text="Answer is required."
                                                ValidationGroup="InsertFAQItem"></asp:RequiredFieldValidator>
                                        </div>
                                        <div class="groupItemAnswer">
                                            <asp:Label ID="enterAnswerText" runat="server" meta:resourcekey="enterAnswerText"
                                                SkinID="BoldFormFieldLabel" Text="Enter Answer:"></asp:Label>
                                        </div>
                                        <div class="HtmlEditorItem">
                                            <telerik:RadEditor ID="itemAddAnswerEditor" runat="server" Height="250px" Width="99%"
                                                Content='<%# Bind("Answer") %>' SkinID="BasicSetOfTools" EnableResize="False"
                                                StripFormattingOnPaste="MSWordRemoveAll" EnableTextareaMode="False">
                                                <Modules>
                                                    <telerik:EditorModule Name="EditorStatsModule" Enabled="true" Visible="true" />
                                                    <telerik:EditorModule Name="RadEditorStatistics" Enabled="true" Visible="False" />
                                                </Modules>
                                            </telerik:RadEditor>
                                        </div>
                                    </div>
                                </asp:Panel>
                                <div class="clear">
                                </div>
                                <div class="buttonPanel" style="margin: 5px 2px 5px 5px;">
                                    <SuperPanel:ContentButton ID="CancelAddFAQItemLinkButton" runat="server" CommandName="Cancel"
                                        CssClass="buttonShellWidthRegular" ToolTip="Cancel" meta:resourcekey="CancelAddFAQItemLinkButton">
                                    </SuperPanel:ContentButton>
                                    <SuperPanel:ContentButton ID="SaveAddFAQItemLinkButton" runat="server" CommandName="Insert"
                                        CssClass="buttonShellWidthRegular" meta:resourcekey="SaveAddFAQItemLinkButton"
                                        ToolTip="Save" ValidationGroup="InsertFAQItem">
                                    </SuperPanel:ContentButton>
                                </div>
                                <div class="clear">
                                </div>
                            </div>
                        </SkinnedButton:SkinnedPanel>
                    </asp:Panel>
                    <ajax:ModalPopupExtender ID="modalPopup" runat="server" BackgroundCssClass="popUpBackground"
                        BehaviorID="AddNewFAQItemButton" DynamicServicePath="" Enabled="True" PopupControlID="insertFAQItemPanel"
                        TargetControlID="AddNewFAQItemButton" OnLoad="modalPopup_OnLoad">
                    </ajax:ModalPopupExtender>
                    <div class="spacer">
                    </div>
                </InsertItemTemplate>
                <ItemTemplate>
                    <hr style="width: 100%;"></hr>
                    <div class="pad5Clear">
                    </div>
                    <div class="groupItem">
                        <asp:Panel ID="groupItemCommandBar" runat="server" CssClass="groupItemCommandBar">
                            <asp:LinkButton ID="itemEdit" runat="server" CommandName="Edit" CssClass="editButton"
                                meta:resourcekey="itemEdit" OnClientClick="beginItemEdit(this.id); ShowAddNewCategoryButton(false);"
                                Style="float: left;" ToolTip="Edit FAQ"></asp:LinkButton>
                            <div style="width: 5px; float: left;">
                            </div>
                            <asp:LinkButton ID="itemDelete" runat="server" CommandName="Delete" CssClass="deleteButton"
                                ToolTip="Delete FAQ" meta:resourcekey="itemDelete" Style="float: left;" Text=""></asp:LinkButton>
                        </asp:Panel>
                        <div class="pad5Clear">
                        </div>
                        <div class="groupItemQuestion">
                            <asp:Label ID="TheQuestionIsLabel" runat="server" meta:resourcekey="TheQuestionIsLabel"
                                SkinID="BoldFormFieldLabel" Text="Q:" Style="font-size: 15pt;"></asp:Label>
                            <div class="clear">
                            </div>
                            <asp:Label ID="questionLabel" runat="server" meta:resourcekey="questionLabel" Text='<%# Convert.ToString(Eval("Question")) %>'></asp:Label>
                        </div>
                        <div class="groupItemAnswer">
                            <asp:Label ID="TheAnswerIsLabel" runat="server" meta:resourcekey="TheAnswerIsLabel"
                                SkinID="BoldFormFieldLabel" Text="A:" Style="font-size: 15pt;"></asp:Label>
                            <div class="clear">
                            </div>
                            <asp:Label ID="answerLabel" runat="server" meta:resourcekey="answerLabel" Text='<%# Convert.ToString(Eval("Answer")) %>'></asp:Label>
                        </div>
                    </div>
                </ItemTemplate>
                <ReorderTemplate>
                    <div class="groupItemReorderCue">
                    </div>
                </ReorderTemplate>
            </ajax:ReorderList>
        </ContentTemplate>
    </asp:UpdatePanel>
  2. Dan
    Dan avatar
    11 posts
    Member since:
    Dec 2013

    Posted 01 Apr 2014 in reply to Dan Link to this post

    Here is the output HTML in Safari:

    <div>
        <div class="groupItemQuestion">
            <span id="ctl00_DefaultContent_itemList__rliInsert_itemAddQuestionValidator" style="display:none;">Question is required.</span>
        </div>
        <div class="groupItemQuestion">
            <span id="ctl00_DefaultContent_itemList__rliInsert_enterQuestionText">Enter Question:</span>
        </div>
        <div class="HtmlEditorItem">
            <div class="clearfix">
            </div>
            <div id="ctl00_DefaultContent_itemList__rliInsert_itemAddQuestionEditor" class="RadEditor Sunset reWrapper" style="height:250px;width:99%;">
                <!-- 2013.3.1015.40 -->
                <div id="ctl00_DefaultContent_itemList__rliInsert_itemAddQuestionEditor_dialogOpener" style="display:none;">
                    <div id="ctl00_DefaultContent_itemList__rliInsert_itemAddQuestionEditor_dialogOpener_Window" style="display:none;">
                        <div id="ctl00_DefaultContent_itemList__rliInsert_itemAddQuestionEditor_dialogOpener_Window_C" style="display:none;">
                        </div><input id="ctl00_DefaultContent_itemList__rliInsert_itemAddQuestionEditor_dialogOpener_Window_ClientState" name="ctl00_DefaultContent_itemList__rliInsert_itemAddQuestionEditor_dialogOpener_Window_ClientState" type="hidden" />
                    </div>
                    <input id="ctl00_DefaultContent_itemList__rliInsert_itemAddQuestionEditor_dialogOpener_ClientState" name="ctl00_DefaultContent_itemList__rliInsert_itemAddQuestionEditor_dialogOpener_ClientState" type="hidden" />
                </div>
                <div class="reRibbonBarWrapper">
                </div>
                <table id="ctl00_DefaultContent_itemList__rliInsert_itemAddQuestionEditorWrapper" class="reLayoutWrapper" style="width:100%;height:250px;">
                    <caption style="display:none;">
                    RadEditor - HTML WYSIWYG Editor. MS Word-like content editing experience thanks to a rich set of formatting tools, dropdowns, dialogs, system modules and built-in spell-check.
                    </caption>
                    <thead style="display:none;">
                        <tr>
                            <th scope="col"><span>RadEditor's components - toolbar, content area, modes and modules</span></th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <th scope="row" style="display:none;"><span></span></th><td class="reWrapper_corner reCorner_top_left"> </td><td class="reWrapper_center reCenter_top" colspan="3"> </td><td class="reWrapper_corner reCorner_top_right"> </td>
                        </tr>
                        <tr>
                            <th scope="row" style="display:none;"><span>Toolbar's wrapper</span></th><td class="reLeftVerticalSide" rowspan="4"> </td><td rowspan="4" id="ctl00_DefaultContent_itemList__rliInsert_itemAddQuestionEditorLeft" class="reTlbVertical"></td><td id="ctl00_DefaultContent_itemList__rliInsert_itemAddQuestionEditorTop" class="reToolCell" style="width:100%;"><div class="Sunset reToolbarWrapper">
                                <ul class="reToolbar Sunset">
                                    <li class="reGrip grip_first"> </li>
                                    <li><a title="AJAX Spellchecker" class="reTool" href="#"><span class="AjaxSpellCheck"> </span></a></li>
                                    <li><a title="Find And Replace (CTRL+F)" class="reTool" href="#"><span class="FindAndReplace"> </span></a></li>
                                    <li class="reSeparator"> </li>
                                    <li><a title="Undo (CTRL+Z)" class="reTool reSplitButton" href="#"><span class="Undo"> </span><span class="split_arrow"> </span></a></li>
                                    <li><a title="Redo (CTRL+Y)" class="reTool reSplitButton" href="#"><span class="Redo"> </span><span class="split_arrow"> </span></a></li>
                                    <li class="reSeparator"> </li>
                                    <li><a title="Cut (CTRL+X)" class="reTool" href="#"><span class="Cut"> </span></a></li>
                                    <li><a title="Copy (CTRL+C)" class="reTool" href="#"><span class="Copy"> </span></a></li>
                                    <li><a title="Paste (CTRL+V)" class="reTool" href="#"><span class="Paste"> </span></a></li>
                                    <li><a title="Paste Plain Text" class="reTool" href="#"><span class="PastePlainText"> </span></a></li>
                                    <li><a title="Paste As Html" class="reTool" href="#"><span class="PasteAsHtml"> </span></a></li>
                                    <li><a title="Paste from Word" class="reTool" href="#"><span class="PasteFromWord"> </span></a></li>
                                    <li class="reSeparator"> </li>
                                    <li><a title="Numbered List" class="reTool" href="#"><span class="InsertOrderedList"> </span></a></li>
                                    <li><a title="Bullet List" class="reTool" href="#"><span class="InsertUnorderedList"> </span></a></li>
                                    <li><a title="Indent" class="reTool" href="#"><span class="Indent"> </span></a></li>
                                    <li><a title="Outdent" class="reTool" href="#"><span class="Outdent"> </span></a></li>
                                    <li><a title="New Paragraph" class="reTool" href="#"><span class="InsertParagraph"> </span></a></li>
                                    <li><a title="Insert Symbol" class="reTool reSplitButton" href="#"><span class="InsertSymbol"> </span><span class="split_arrow"> </span></a></li>
                                    <li><a title="Hyperlink Manager" class="reTool" href="#"><span class="LinkManager"> </span></a></li>
                                    <li class="reGrip grip_last"> </li>
                                </ul><ul class="reToolbar Sunset">
                                    <li class="reGrip grip_first"> </li>
                                    <li><a title="Zoom" class="reDropdown" href="#"><span class="Zoom" style="width:44px;">Zoom</span></a></li>
                                    <li><a title="Toggle Full Screen Mode" class="reTool" href="#"><span class="ToggleScreenMode"> </span></a></li>
                                    <li class="reGrip grip_last"> </li>
                                </ul><ul class="reToolbar Sunset">
                                    <li class="reGrip grip_first"> </li>
                                    <li><a title="Paragraph Style" class="reDropdown" href="#"><span class="FormatBlock" style="width:80px;">Paragraph Style</span></a></li>
                                    <li><a title="Bold (CTRL+B)" class="reTool" href="#"><span class="Bold"> </span></a></li>
                                    <li><a title="Italic (CTRL+I)" class="reTool" href="#"><span class="Italic"> </span></a></li>
                                    <li><a title="Underline (CTRL+U)" class="reTool" href="#"><span class="Underline"> </span></a></li>
                                    <li><a title="Strikethrough" class="reTool" href="#"><span class="StrikeThrough"> </span></a></li>
                                    <li class="reSeparator"> </li>
                                    <li><a title="Foreground Color" class="reTool reSplitButton" href="#"><span class="ForeColor"> </span><span class="split_arrow"> </span></a></li>
                                    <li><a title="Background Color" class="reTool reSplitButton" href="#"><span class="BackColor"> </span><span class="split_arrow"> </span></a></li>
                                    <li class="reSeparator"> </li>
                                    <li><a title="Font Name" class="reDropdown" href="#"><span class="FontName" style="width:80px;">Font Name</span></a></li>
                                    <li><a title="Real font size" class="reDropdown" href="#"><span class="RealFontSize" style="width:34px;">Real font size</span></a></li>
                                    <li class="reSeparator"> </li>
                                    <li><a title="Subscript" class="reTool" href="#"><span class="Subscript"> </span></a></li>
                                    <li><a title="SuperScript" class="reTool" href="#"><span class="Superscript"> </span></a></li>
                                    <li class="reSeparator"> </li>
                                    <li><a title="Align Left (CTRL+L)" class="reTool" href="#"><span class="JustifyLeft"> </span></a></li>
                                    <li><a title="Align Center (CTRL+E)" class="reTool" href="#"><span class="JustifyCenter"> </span></a></li>
                                    <li><a title="Align Right (CTRL+R)" class="reTool" href="#"><span class="JustifyRight"> </span></a></li>
                                    <li><a title="Justify (CTRL+J)" class="reTool" href="#"><span class="JustifyFull"> </span></a></li>
                                    <li class="reGrip grip_last"> </li>
                                </ul>
                            </div></td><td rowspan="4" id="ctl00_DefaultContent_itemList__rliInsert_itemAddQuestionEditorRight" class="reTlbVertical"></td><td rowspan="4" class="reRightVerticalSide"> </td>
                        </tr>
                        <tr>
                            <th scope="row" style="display:none;"><span>Content area wrapper</span></th>
                            <td id="ctl00_DefaultContent_itemList__rliInsert_itemAddQuestionEditorCenter" class="reContentCell" style="height:100%;">
                                <label for="ctl00_DefaultContent_itemList__rliInsert_itemAddQuestionEditorContentHiddenTextarea" style="display:none;">RadEditor hidden textarea</label>
                                <textarea id="ctl00_DefaultContent_itemList__rliInsert_itemAddQuestionEditorContentHiddenTextarea" name="ctl00$DefaultContent$itemList$_rliInsert$itemAddQuestionEditor" rows="4" cols="20" style="display:none;">
                                </textarea>
                            </td>
                        </tr>
                        <tr>
                            <th scope="row" style="display:none;"><span>RadEditor's bottom area: Design, Html and Preview modes, Statistics module and resize handle.</span>
                            </th>
                            <td class="reToolZone">
                                <table class="reBottomTable" id="ctl00_DefaultContent_itemList__rliInsert_itemAddQuestionEditor_BottomTable" style="width:100%;">
                                    <caption style="display:none;">
                                        It contains RadEditor's Modes/views (HTML, Design and Preview), Statistics and Resizer
                                    </caption>
                                    <thead style="display:none;">
                                        <tr>
                                            <th scope="col"><span>Editor Mode buttons</span></th><th scope="col"><span>Statistics module</span></th><th scope="col"><span>Editor resizer</span></th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <tr>
                                            <td class="reEditorModesCell"><div class="reEditorModes" id="ctl00_DefaultContent_itemList__rliInsert_itemAddQuestionEditor_ModesWrapper">
                                                <ul>
                                                    <li><a href="javascript:void(0);" title="Design" class="reMode_design reMode_selected"><span>Design</span></a></li>
                                                    <li><a href="javascript:void(0);" title="HTML" class="reMode_html"><span>HTML</span></a></li>
                                                    <li><a href="javascript:void(0);" title="Preview" class="reMode_preview"><span>Preview</span></a></li>
                                                </ul>
                                            </div></td><td class="reBottomZone" id="ctl00_DefaultContent_itemList__rliInsert_itemAddQuestionEditorBottom"> </td><td> </td>
                                        </tr>
                                    </tbody>
                                </table>
                                <noscript>
                                <p>RadEditor - please enable JavaScript to use the rich text editor.</p>
                                </noscript>
                            </td>
                        </tr>
                        <tr>
                            <th scope="row" style="display:none;"><span>RadEditor's Modules - special tools used to provide extra information such as Tag Inspector, Real Time HTML Viewer, Tag Properties and other.</span></th><td id="ctl00_DefaultContent_itemList__rliInsert_itemAddQuestionEditorModule" class="reToolZone"></td>
                        </tr>
                        <tr>
                            <th scope="row" style="display:none;"><span></span></th><td class="reWrapper_corner reCorner_bottom_left"> </td><td class="reWrapper_center reCenter_bottom" colspan="3"> </td><td class="reWrapper_corner reCorner_bottom_right"> </td>
                        </tr>
                    </tbody>
                </table>
                <input id="ctl00_DefaultContent_itemList__rliInsert_itemAddQuestionEditor_ClientState" name="ctl00_DefaultContent_itemList__rliInsert_itemAddQuestionEditor_ClientState" type="hidden" />
            </div>
            <div class="clearfix">
            </div>
        </div>
    </div>
    <div>
        <div class="groupItemAnswer">
            <span id="ctl00_DefaultContent_itemList__rliInsert_itemAddAnswerValidator" style="display:none;">Answer is required.</span>
        </div>
        <div class="groupItemAnswer">
            <span id="ctl00_DefaultContent_itemList__rliInsert_enterAnswerText">Enter Answer:</span>
        </div>
        <div class="HtmlEditorItem">
            <div id="ctl00_DefaultContent_itemList__rliInsert_itemAddAnswerEditor" class="RadEditor Sunset reWrapper" style="height:250px;width:99%;">
                <div id="ctl00_DefaultContent_itemList__rliInsert_itemAddAnswerEditor_dialogOpener" style="display:none;">
                    <div id="ctl00_DefaultContent_itemList__rliInsert_itemAddAnswerEditor_dialogOpener_Window" style="display:none;">
                        <div id="ctl00_DefaultContent_itemList__rliInsert_itemAddAnswerEditor_dialogOpener_Window_C" style="display:none;">
                        </div>
                        <input id="ctl00_DefaultContent_itemList__rliInsert_itemAddAnswerEditor_dialogOpener_Window_ClientState" name="ctl00_DefaultContent_itemList__rliInsert_itemAddAnswerEditor_dialogOpener_Window_ClientState" type="hidden" />
                    </div>
                    <input id="ctl00_DefaultContent_itemList__rliInsert_itemAddAnswerEditor_dialogOpener_ClientState" name="ctl00_DefaultContent_itemList__rliInsert_itemAddAnswerEditor_dialogOpener_ClientState" type="hidden" />
                </div>
                <div class="reRibbonBarWrapper">
                </div>
                <table id="ctl00_DefaultContent_itemList__rliInsert_itemAddAnswerEditorWrapper" class="reLayoutWrapper" style="width:100%;height:250px;">
                    <caption style="display:none;">
                    RadEditor - HTML WYSIWYG Editor. MS Word-like content editing experience thanks to a rich set of formatting tools, dropdowns, dialogs, system modules and built-in spell-check.
                    </caption>
                    <thead style="display:none;">
                        <tr>
                            <th scope="col"><span>RadEditor's components - toolbar, content area, modes and modules</span></th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <th scope="row" style="display:none;"><span></span></th><td class="reWrapper_corner reCorner_top_left"> </td><td class="reWrapper_center reCenter_top" colspan="3"> </td><td class="reWrapper_corner reCorner_top_right"> </td>
                        </tr>
                        <tr>
                            <th scope="row" style="display:none;"><span>Toolbar's wrapper</span></th>
                            <td class="reLeftVerticalSide" rowspan="4"> </td>
                            <td rowspan="4" id="ctl00_DefaultContent_itemList__rliInsert_itemAddAnswerEditorLeft" class="reTlbVertical"></td><td id="ctl00_DefaultContent_itemList__rliInsert_itemAddAnswerEditorTop" class="reToolCell" style="width:100%;">
                                <div class="Sunset reToolbarWrapper">
                                    <ul class="reToolbar Sunset">
                                        <li class="reGrip grip_first"> </li>
                                        <li><a title="AJAX Spellchecker" class="reTool" href="#"><span class="AjaxSpellCheck"> </span></a></li>
                                        <li><a title="Find And Replace (CTRL+F)" class="reTool" href="#"><span class="FindAndReplace"> </span></a></li>
                                        <li class="reSeparator"> </li>
                                        <li><a title="Undo (CTRL+Z)" class="reTool reSplitButton" href="#"><span class="Undo"> </span><span class="split_arrow"> </span></a></li>
                                        <li><a title="Redo (CTRL+Y)" class="reTool reSplitButton" href="#"><span class="Redo"> </span><span class="split_arrow"> </span></a></li>
                                        <li class="reSeparator"> </li>
                                        <li><a title="Cut (CTRL+X)" class="reTool" href="#"><span class="Cut"> </span></a></li>
                                        <li><a title="Copy (CTRL+C)" class="reTool" href="#"><span class="Copy"> </span></a></li>
                                        <li><a title="Paste (CTRL+V)" class="reTool" href="#"><span class="Paste"> </span></a></li>
                                        <li><a title="Paste Plain Text" class="reTool" href="#"><span class="PastePlainText"> </span></a></li>
                                        <li><a title="Paste As Html" class="reTool" href="#"><span class="PasteAsHtml"> </span></a></li>
                                        <li><a title="Paste from Word" class="reTool" href="#"><span class="PasteFromWord"> </span></a></li>
                                        <li class="reSeparator"> </li>
                                        <li><a title="Numbered List" class="reTool" href="#"><span class="InsertOrderedList"> </span></a></li>
                                        <li><a title="Bullet List" class="reTool" href="#"><span class="InsertUnorderedList"> </span></a></li>
                                        <li><a title="Indent" class="reTool" href="#"><span class="Indent"> </span></a></li>
                                        <li><a title="Outdent" class="reTool" href="#"><span class="Outdent"> </span></a></li>
                                        <li><a title="New Paragraph" class="reTool" href="#"><span class="InsertParagraph"> </span></a></li>
                                        <li><a title="Insert Symbol" class="reTool reSplitButton" href="#"><span class="InsertSymbol"> </span><span class="split_arrow"> </span></a></li>
                                        <li><a title="Hyperlink Manager" class="reTool" href="#"><span class="LinkManager"> </span></a></li>
                                        <li class="reGrip grip_last"> </li>
                                    </ul>
                                    <ul class="reToolbar Sunset">
                                        <li class="reGrip grip_first"> </li>
                                        <li><a title="Zoom" class="reDropdown" href="#"><span class="Zoom" style="width:44px;">Zoom</span></a></li>
                                        <li><a title="Toggle Full Screen Mode" class="reTool" href="#"><span class="ToggleScreenMode"> </span></a></li>
                                        <li class="reGrip grip_last"> </li>
                                    </ul>
                                    <ul class="reToolbar Sunset">
                                        <li class="reGrip grip_first"> </li>
                                        <li><a title="Paragraph Style" class="reDropdown" href="#"><span class="FormatBlock" style="width:80px;">Paragraph Style</span></a></li>
                                        <li><a title="Bold (CTRL+B)" class="reTool" href="#"><span class="Bold"> </span></a></li>
                                        <li><a title="Italic (CTRL+I)" class="reTool" href="#"><span class="Italic"> </span></a></li>
                                        <li><a title="Underline (CTRL+U)" class="reTool" href="#"><span class="Underline"> </span></a></li>
                                        <li><a title="Strikethrough" class="reTool" href="#"><span class="StrikeThrough"> </span></a></li>
                                        <li class="reSeparator"> </li>
                                        <li><a title="Foreground Color" class="reTool reSplitButton" href="#"><span class="ForeColor"> </span><span class="split_arrow"> </span></a></li>
                                        <li><a title="Background Color" class="reTool reSplitButton" href="#"><span class="BackColor"> </span><span class="split_arrow"> </span></a></li>
                                        <li class="reSeparator"> </li>
                                        <li><a title="Font Name" class="reDropdown" href="#"><span class="FontName" style="width:80px;">Font Name</span></a></li>
                                        <li><a title="Real font size" class="reDropdown" href="#"><span class="RealFontSize" style="width:34px;">Real font size</span></a></li>
                                        <li class="reSeparator"> </li>
                                        <li><a title="Subscript" class="reTool" href="#"><span class="Subscript"> </span></a></li>
                                        <li><a title="SuperScript" class="reTool" href="#"><span class="Superscript"> </span></a></li>
                                        <li class="reSeparator"> </li>
                                        <li><a title="Align Left (CTRL+L)" class="reTool" href="#"><span class="JustifyLeft"> </span></a></li>
                                        <li><a title="Align Center (CTRL+E)" class="reTool" href="#"><span class="JustifyCenter"> </span></a></li>
                                        <li><a title="Align Right (CTRL+R)" class="reTool" href="#"><span class="JustifyRight"> </span></a></li>
                                        <li><a title="Justify (CTRL+J)" class="reTool" href="#"><span class="JustifyFull"> </span></a></li>
                                        <li class="reGrip grip_last"> </li>
                                    </ul>
                                </div>
                            </td>
                            <td rowspan="4" id="ctl00_DefaultContent_itemList__rliInsert_itemAddAnswerEditorRight" class="reTlbVertical"></td><td rowspan="4" class="reRightVerticalSide"> </td>
                        </tr>
                        <tr>
                            <th scope="row" style="display:none;"><span>Content area wrapper</span>
                            </th>
                            <td id="ctl00_DefaultContent_itemList__rliInsert_itemAddAnswerEditorCenter" class="reContentCell" style="height:100%;">
                                <label for="ctl00_DefaultContent_itemList__rliInsert_itemAddAnswerEditorContentHiddenTextarea" style="display:none;">RadEditor hidden textarea</label>
                                <textarea id="ctl00_DefaultContent_itemList__rliInsert_itemAddAnswerEditorContentHiddenTextarea" name="ctl00$DefaultContent$itemList$_rliInsert$itemAddAnswerEditor" rows="4" cols="20" style="display:none;">
                                </textarea>
                            </td>
                        </tr>
                        <tr>
                            <th scope="row" style="display:none;"><span>RadEditor's bottom area: Design, Html and Preview modes, Statistics module and resize handle.</span></th><td class="reToolZone"><table class="reBottomTable" id="ctl00_DefaultContent_itemList__rliInsert_itemAddAnswerEditor_BottomTable" style="width:100%;">
                                <caption style="display:none;">
                                    It contains RadEditor's Modes/views (HTML, Design and Preview), Statistics and Resizer
                                </caption>
                                <thead style="display:none;">
                                    <tr>
                                        <th scope="col"><span>Editor Mode buttons</span></th>
                                        <th scope="col"><span>Statistics module</span></th>
                                        <th scope="col"><span>Editor resizer</span></th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr>
                                        <td class="reEditorModesCell">
                                            <div class="reEditorModes" id="ctl00_DefaultContent_itemList__rliInsert_itemAddAnswerEditor_ModesWrapper">
                                                <ul>
                                                    <li><a href="javascript:void(0);" title="Design" class="reMode_design reMode_selected"><span>Design</span></a></li>
                                                    <li><a href="javascript:void(0);" title="HTML" class="reMode_html"><span>HTML</span></a></li>
                                                    <li><a href="javascript:void(0);" title="Preview" class="reMode_preview"><span>Preview</span></a></li>
                                                </ul>
                                            </div>
                                        </td>
                                        <td class="reBottomZone" id="ctl00_DefaultContent_itemList__rliInsert_itemAddAnswerEditorBottom"> </td>
                                        <td> </td>
                                    </tr>
                                </tbody>
                            </table>
                            <noscript>
                                <p>RadEditor - please enable JavaScript to use the rich text editor.</p>
                            </noscript></td>
                        </tr>
                        <tr>
                            <th scope="row" style="display:none;"><span>RadEditor's Modules - special tools used to provide extra information such as Tag Inspector, Real Time HTML Viewer, Tag Properties and other.</span></th><td id="ctl00_DefaultContent_itemList__rliInsert_itemAddAnswerEditorModule" class="reToolZone"></td>
                        </tr>
                        <tr>
                            <th scope="row" style="display:none;"><span></span></th>
                            <td class="reWrapper_corner reCorner_bottom_left"> </td>
                            <td class="reWrapper_center reCenter_bottom" colspan="3"> </td>
                            <td class="reWrapper_corner reCorner_bottom_right"> </td>
                        </tr>
                    </tbody>
                </table>
                <input id="ctl00_DefaultContent_itemList__rliInsert_itemAddAnswerEditor_ClientState" name="ctl00_DefaultContent_itemList__rliInsert_itemAddAnswerEditor_ClientState" type="hidden" />
            </div>
        </div>
    </div>
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Dan
    Dan avatar
    11 posts
    Member since:
    Dec 2013

    Posted 01 Apr 2014 in reply to Dan Link to this post

    Here is the output HTML in IE:

    <div>
        <div class="groupItemQuestion">
            <span id="ctl00_DefaultContent_itemList__rliInsert_itemAddQuestionValidator" style="display:none;">Question is required.</span>
        </div>
        <div class="groupItemQuestion">
            <span id="ctl00_DefaultContent_itemList__rliInsert_enterQuestionText">Enter Question:</span>
        </div>
        <div class="HtmlEditorItem">
            <div class="clearfix">
            </div>
            <div id="ctl00_DefaultContent_itemList__rliInsert_itemAddQuestionEditor" class="RadEditor Sunset reWrapper" style="height:250px;width:99%;">
                <!-- 2013.3.1015.40 -->
                <div id="ctl00_DefaultContent_itemList__rliInsert_itemAddQuestionEditor_dialogOpener" style="display:none;">
                    <div id="ctl00_DefaultContent_itemList__rliInsert_itemAddQuestionEditor_dialogOpener_Window" style="display:none;">
                        <div id="ctl00_DefaultContent_itemList__rliInsert_itemAddQuestionEditor_dialogOpener_Window_C" style="display:none;">
                        </div>
                        <input id="ctl00_DefaultContent_itemList__rliInsert_itemAddQuestionEditor_dialogOpener_Window_ClientState" name="ctl00_DefaultContent_itemList__rliInsert_itemAddQuestionEditor_dialogOpener_Window_ClientState" type="hidden" />
                    </div>
                    <input id="ctl00_DefaultContent_itemList__rliInsert_itemAddQuestionEditor_dialogOpener_ClientState" name="ctl00_DefaultContent_itemList__rliInsert_itemAddQuestionEditor_dialogOpener_ClientState" type="hidden" />
                </div>
                <div class="reRibbonBarWrapper">
                </div>
                <table id="ctl00_DefaultContent_itemList__rliInsert_itemAddQuestionEditorWrapper" class="reLayoutWrapper" style="width:100%;height:250px;">
                    <caption style="display:none;">
                    RadEditor - HTML WYSIWYG Editor. MS Word-like content editing experience thanks to a rich set of formatting tools, dropdowns, dialogs, system modules and built-in spell-check.
                    </caption>
                    <thead style="display:none;">
                        <tr>
                            <th scope="col"><span>RadEditor's components - toolbar, content area, modes and modules</span></th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <th scope="row" style="display:none;"><span></span></th><td class="reWrapper_corner reCorner_top_left"> </td>
                            <td class="reWrapper_center reCenter_top" colspan="3"> </td>
                            <td class="reWrapper_corner reCorner_top_right"> </td>
                        </tr>
                        <tr>
                            <th scope="row" style="display:none;"><span>Toolbar's wrapper</span></th>
                            <td class="reLeftVerticalSide" rowspan="4"> </td>
                            <td rowspan="4" id="ctl00_DefaultContent_itemList__rliInsert_itemAddQuestionEditorLeft" class="reTlbVertical"></td>
                            <td id="ctl00_DefaultContent_itemList__rliInsert_itemAddQuestionEditorTop" class="reToolCell" style="width:100%;">
                                <div class="Sunset reToolbarWrapper">
                                    <ul class="reToolbar Sunset">
                                        <li class="reGrip grip_first"> </li>
                                        <li><a title="AJAX Spellchecker" class="reTool" href="#"><span class="AjaxSpellCheck"> </span></a></li>
                                        <li><a title="Find And Replace (CTRL+F)" class="reTool" href="#"><span class="FindAndReplace"> </span></a></li>
                                        <li class="reSeparator"> </li>
                                        <li><a title="Undo (CTRL+Z)" class="reTool reSplitButton" href="#"><span class="Undo"> </span><span class="split_arrow"> </span></a></li>
                                        <li><a title="Redo (CTRL+Y)" class="reTool reSplitButton" href="#"><span class="Redo"> </span><span class="split_arrow"> </span></a></li>
                                        <li class="reSeparator"> </li>
                                        <li><a title="Cut (CTRL+X)" class="reTool" href="#"><span class="Cut"> </span></a></li>
                                        <li><a title="Copy (CTRL+C)" class="reTool" href="#"><span class="Copy"> </span></a></li>
                                        <li><a title="Paste (CTRL+V)" class="reTool" href="#"><span class="Paste"> </span></a></li>
                                        <li><a title="Paste Plain Text" class="reTool" href="#"><span class="PastePlainText"> </span></a></li>
                                        <li><a title="Paste As Html" class="reTool" href="#"><span class="PasteAsHtml"> </span></a></li>
                                        <li><a title="Paste from Word" class="reTool" href="#"><span class="PasteFromWord"> </span></a></li>
                                        <li class="reSeparator"> </li>
                                        <li><a title="Numbered List" class="reTool" href="#"><span class="InsertOrderedList"> </span></a></li>
                                        <li><a title="Bullet List" class="reTool" href="#"><span class="InsertUnorderedList"> </span></a></li>
                                        <li><a title="Indent" class="reTool" href="#"><span class="Indent"> </span></a></li>
                                        <li><a title="Outdent" class="reTool" href="#"><span class="Outdent"> </span></a></li>
                                        <li><a title="New Paragraph" class="reTool" href="#"><span class="InsertParagraph"> </span></a></li>
                                        <li><a title="Insert Symbol" class="reTool reSplitButton" href="#"><span class="InsertSymbol"> </span><span class="split_arrow"> </span></a></li>
                                        <li><a title="Hyperlink Manager" class="reTool" href="#"><span class="LinkManager"> </span></a></li>
                                        <li class="reGrip grip_last"> </li>
                                    </ul><ul class="reToolbar Sunset">
                                        <li class="reGrip grip_first"> </li>
                                        <li><a title="Zoom" class="reDropdown" href="#"><span class="Zoom" style="width:44px;">Zoom</span></a></li>
                                        <li><a title="Toggle Full Screen Mode" class="reTool" href="#"><span class="ToggleScreenMode"> </span></a></li>
                                        <li class="reGrip grip_last"> </li>
                                    </ul><ul class="reToolbar Sunset">
                                        <li class="reGrip grip_first"> </li>
                                        <li><a title="Paragraph Style" class="reDropdown" href="#"><span class="FormatBlock" style="width:80px;">Paragraph Style</span></a></li>
                                        <li><a title="Bold (CTRL+B)" class="reTool" href="#"><span class="Bold"> </span></a></li>
                                        <li><a title="Italic (CTRL+I)" class="reTool" href="#"><span class="Italic"> </span></a></li>
                                        <li><a title="Underline (CTRL+U)" class="reTool" href="#"><span class="Underline"> </span></a></li>
                                        <li><a title="Strikethrough" class="reTool" href="#"><span class="StrikeThrough"> </span></a></li>
                                        <li class="reSeparator"> </li>
                                        <li><a title="Foreground Color" class="reTool reSplitButton" href="#"><span class="ForeColor"> </span><span class="split_arrow"> </span></a></li>
                                        <li><a title="Background Color" class="reTool reSplitButton" href="#"><span class="BackColor"> </span><span class="split_arrow"> </span></a></li>
                                        <li class="reSeparator"> </li>
                                        <li><a title="Font Name" class="reDropdown" href="#"><span class="FontName" style="width:80px;">Font Name</span></a></li>
                                        <li><a title="Real font size" class="reDropdown" href="#"><span class="RealFontSize" style="width:34px;">Real font size</span></a></li>
                                        <li class="reSeparator"> </li>
                                        <li><a title="Subscript" class="reTool" href="#"><span class="Subscript"> </span></a></li>
                                        <li><a title="SuperScript" class="reTool" href="#"><span class="Superscript"> </span></a></li>
                                        <li class="reSeparator"> </li>
                                        <li><a title="Align Left (CTRL+L)" class="reTool" href="#"><span class="JustifyLeft"> </span></a></li>
                                        <li><a title="Align Center (CTRL+E)" class="reTool" href="#"><span class="JustifyCenter"> </span></a></li>
                                        <li><a title="Align Right (CTRL+R)" class="reTool" href="#"><span class="JustifyRight"> </span></a></li>
                                        <li><a title="Justify (CTRL+J)" class="reTool" href="#"><span class="JustifyFull"> </span></a></li>
                                        <li class="reGrip grip_last"> </li>
                                    </ul>
                                </div>
                            </td>
                            <td rowspan="4" id="ctl00_DefaultContent_itemList__rliInsert_itemAddQuestionEditorRight" class="reTlbVertical"></td>
                            <td rowspan="4" class="reRightVerticalSide"> </td>
                        </tr>
                        <tr>
                            <th scope="row" style="display:none;"><span>Content area wrapper</span></th>
                            <td id="ctl00_DefaultContent_itemList__rliInsert_itemAddQuestionEditorCenter" class="reContentCell" style="height:100%;">
                                <label for="ctl00_DefaultContent_itemList__rliInsert_itemAddQuestionEditorContentHiddenTextarea" style="display:none;">RadEditor hidden textarea</label>
                                <textarea id="ctl00_DefaultContent_itemList__rliInsert_itemAddQuestionEditorContentHiddenTextarea" name="ctl00$DefaultContent$itemList$_rliInsert$itemAddQuestionEditor" rows="4" cols="20" style="display:none;">
                                </textarea>
                            </td>
                        </tr>
                        <tr>
                            <th scope="row" style="display:none;"><span>RadEditor's bottom area: Design, Html and Preview modes, Statistics module and resize handle.</span></th>
                            <td class="reToolZone">
                                <table class="reBottomTable" id="ctl00_DefaultContent_itemList__rliInsert_itemAddQuestionEditor_BottomTable" style="width:100%;display:none;">
                                    <caption style="display:none;">
                                        It contains RadEditor's Modes/views (HTML, Design and Preview), Statistics and Resizer
                                    </caption><thead style="display:none;">
                                        <tr>
                                            <th scope="col"><span>Editor Mode buttons</span></th><th scope="col"><span>Statistics module</span></th><th scope="col"><span>Editor resizer</span></th>
                                        </tr>
                                    </thead><tbody>
                                        <tr>
                                            <td class="reEditorModesCell">
                                                <div class="reEditorModes" id="ctl00_DefaultContent_itemList__rliInsert_itemAddQuestionEditor_ModesWrapper">
                                                    <ul>
                                                        <li><a href="javascript:void(0);" title="Design" class="reMode_design reMode_selected"><span>Design</span></a></li>
                                                        <li><a href="javascript:void(0);" title="HTML" class="reMode_html"><span>HTML</span></a></li>
                                                        <li><a href="javascript:void(0);" title="Preview" class="reMode_preview"><span>Preview</span></a></li>
                                                    </ul>
                                                </div>
                                            </td>
                                            <td class="reBottomZone" id="ctl00_DefaultContent_itemList__rliInsert_itemAddQuestionEditorBottom"> </td>
                                            <td> </td>
                                        </tr>
                                    </tbody>
                                </table>
                                <noscript>
                                    <p>RadEditor - please enable JavaScript to use the rich text editor.</p>
                                </noscript>
                            </td>
                        </tr>
                        <tr>
                            <th scope="row" style="display:none;"><span>RadEditor's Modules - special tools used to provide extra information such as Tag Inspector, Real Time HTML Viewer, Tag Properties and other.</span></th>
                            <td id="ctl00_DefaultContent_itemList__rliInsert_itemAddQuestionEditorModule" class="reToolZone"></td>
                        </tr>
                        <tr>
                            <th scope="row" style="display:none;"><span></span></th>
                            <td class="reWrapper_corner reCorner_bottom_left"> </td>
                            <td class="reWrapper_center reCenter_bottom" colspan="3"> </td>
                            <td class="reWrapper_corner reCorner_bottom_right"> </td>
                        </tr>
                    </tbody>
                </table><input id="ctl00_DefaultContent_itemList__rliInsert_itemAddQuestionEditor_ClientState" name="ctl00_DefaultContent_itemList__rliInsert_itemAddQuestionEditor_ClientState" type="hidden" />
            </div>
            <div class="clearfix">
            </div>
        </div>
    </div>
    <div>
        <div class="groupItemAnswer">
            <span id="ctl00_DefaultContent_itemList__rliInsert_itemAddAnswerValidator" style="display:none;">Answer is required.</span>
        </div>
        <div class="groupItemAnswer">
            <span id="ctl00_DefaultContent_itemList__rliInsert_enterAnswerText">Enter Answer:</span>
        </div>
        <div class="HtmlEditorItem">
            <div id="ctl00_DefaultContent_itemList__rliInsert_itemAddAnswerEditor" class="RadEditor Sunset reWrapper" style="height:250px;width:99%;">
                <div id="ctl00_DefaultContent_itemList__rliInsert_itemAddAnswerEditor_dialogOpener" style="display:none;">
                    <div id="ctl00_DefaultContent_itemList__rliInsert_itemAddAnswerEditor_dialogOpener_Window" style="display:none;">
                        <div id="ctl00_DefaultContent_itemList__rliInsert_itemAddAnswerEditor_dialogOpener_Window_C" style="display:none;">
                        </div>
                        <input id="ctl00_DefaultContent_itemList__rliInsert_itemAddAnswerEditor_dialogOpener_Window_ClientState" name="ctl00_DefaultContent_itemList__rliInsert_itemAddAnswerEditor_dialogOpener_Window_ClientState" type="hidden" />
                    </div>
                    <input id="ctl00_DefaultContent_itemList__rliInsert_itemAddAnswerEditor_dialogOpener_ClientState" name="ctl00_DefaultContent_itemList__rliInsert_itemAddAnswerEditor_dialogOpener_ClientState" type="hidden" />
                </div>
                <div class="reRibbonBarWrapper">
                </div>
                <table id="ctl00_DefaultContent_itemList__rliInsert_itemAddAnswerEditorWrapper" class="reLayoutWrapper" style="width:100%;height:250px;">
                    <caption style="display:none;">
                    RadEditor - HTML WYSIWYG Editor. MS Word-like content editing experience thanks to a rich set of formatting tools, dropdowns, dialogs, system modules and built-in spell-check.
                    </caption>
                    <thead style="display:none;">
                        <tr>
                            <th scope="col"><span>RadEditor's components - toolbar, content area, modes and modules</span></th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <th scope="row" style="display:none;"><span></span></th><td class="reWrapper_corner reCorner_top_left"> </td>
                            <td class="reWrapper_center reCenter_top" colspan="3"> </td>
                            <td class="reWrapper_corner reCorner_top_right"> </td>
                        </tr>
                        <tr>
                            <th scope="row" style="display:none;"><span>Toolbar's wrapper</span></th>
                            <td class="reLeftVerticalSide" rowspan="4"> </td>
                            <td rowspan="4" id="ctl00_DefaultContent_itemList__rliInsert_itemAddAnswerEditorLeft" class="reTlbVertical"></td>
                            <td id="ctl00_DefaultContent_itemList__rliInsert_itemAddAnswerEditorTop" class="reToolCell" style="width:100%;">
                                <div class="Sunset reToolbarWrapper">
                                    <ul class="reToolbar Sunset">
                                        <li class="reGrip grip_first"> </li>
                                        <li><a title="AJAX Spellchecker" class="reTool" href="#"><span class="AjaxSpellCheck"> </span></a></li>
                                        <li><a title="Find And Replace (CTRL+F)" class="reTool" href="#"><span class="FindAndReplace"> </span></a></li>
                                        <li class="reSeparator"> </li>
                                        <li><a title="Undo (CTRL+Z)" class="reTool reSplitButton" href="#"><span class="Undo"> </span><span class="split_arrow"> </span></a></li>
                                        <li><a title="Redo (CTRL+Y)" class="reTool reSplitButton" href="#"><span class="Redo"> </span><span class="split_arrow"> </span></a></li>
                                        <li class="reSeparator"> </li>
                                        <li><a title="Cut (CTRL+X)" class="reTool" href="#"><span class="Cut"> </span></a></li>
                                        <li><a title="Copy (CTRL+C)" class="reTool" href="#"><span class="Copy"> </span></a></li>
                                        <li><a title="Paste (CTRL+V)" class="reTool" href="#"><span class="Paste"> </span></a></li>
                                        <li><a title="Paste Plain Text" class="reTool" href="#"><span class="PastePlainText"> </span></a></li>
                                        <li><a title="Paste As Html" class="reTool" href="#"><span class="PasteAsHtml"> </span></a></li>
                                        <li><a title="Paste from Word" class="reTool" href="#"><span class="PasteFromWord"> </span></a></li>
                                        <li class="reSeparator"> </li>
                                        <li><a title="Numbered List" class="reTool" href="#"><span class="InsertOrderedList"> </span></a></li>
                                        <li><a title="Bullet List" class="reTool" href="#"><span class="InsertUnorderedList"> </span></a></li>
                                        <li><a title="Indent" class="reTool" href="#"><span class="Indent"> </span></a></li>
                                        <li><a title="Outdent" class="reTool" href="#"><span class="Outdent"> </span></a></li>
                                        <li><a title="New Paragraph" class="reTool" href="#"><span class="InsertParagraph"> </span></a></li>
                                        <li><a title="Insert Symbol" class="reTool reSplitButton" href="#"><span class="InsertSymbol"> </span><span class="split_arrow"> </span></a></li>
                                        <li><a title="Hyperlink Manager" class="reTool" href="#"><span class="LinkManager"> </span></a></li>
                                        <li class="reGrip grip_last"> </li>
                                    </ul>
                                    <ul class="reToolbar Sunset">
                                        <li class="reGrip grip_first"> </li>
                                        <li><a title="Zoom" class="reDropdown" href="#"><span class="Zoom" style="width:44px;">Zoom</span></a></li>
                                        <li><a title="Toggle Full Screen Mode" class="reTool" href="#"><span class="ToggleScreenMode"> </span></a></li>
                                        <li class="reGrip grip_last"> </li>
                                    </ul>
                                    <ul class="reToolbar Sunset">
                                        <li class="reGrip grip_first"> </li>
                                        <li><a title="Paragraph Style" class="reDropdown" href="#"><span class="FormatBlock" style="width:80px;">Paragraph Style</span></a></li>
                                        <li><a title="Bold (CTRL+B)" class="reTool" href="#"><span class="Bold"> </span></a></li>
                                        <li><a title="Italic (CTRL+I)" class="reTool" href="#"><span class="Italic"> </span></a></li>
                                        <li><a title="Underline (CTRL+U)" class="reTool" href="#"><span class="Underline"> </span></a></li>
                                        <li><a title="Strikethrough" class="reTool" href="#"><span class="StrikeThrough"> </span></a></li>
                                        <li class="reSeparator"> </li>
                                        <li><a title="Foreground Color" class="reTool reSplitButton" href="#"><span class="ForeColor"> </span><span class="split_arrow"> </span></a></li>
                                        <li><a title="Background Color" class="reTool reSplitButton" href="#"><span class="BackColor"> </span><span class="split_arrow"> </span></a></li>
                                        <li class="reSeparator"> </li>
                                        <li><a title="Font Name" class="reDropdown" href="#"><span class="FontName" style="width:80px;">Font Name</span></a></li>
                                        <li><a title="Real font size" class="reDropdown" href="#"><span class="RealFontSize" style="width:34px;">Real font size</span></a></li>
                                        <li class="reSeparator"> </li>
                                        <li><a title="Subscript" class="reTool" href="#"><span class="Subscript"> </span></a></li>
                                        <li><a title="SuperScript" class="reTool" href="#"><span class="Superscript"> </span></a></li>
                                        <li class="reSeparator"> </li>
                                        <li><a title="Align Left (CTRL+L)" class="reTool" href="#"><span class="JustifyLeft"> </span></a></li>
                                        <li><a title="Align Center (CTRL+E)" class="reTool" href="#"><span class="JustifyCenter"> </span></a></li>
                                        <li><a title="Align Right (CTRL+R)" class="reTool" href="#"><span class="JustifyRight"> </span></a></li>
                                        <li><a title="Justify (CTRL+J)" class="reTool" href="#"><span class="JustifyFull"> </span></a></li>
                                        <li class="reGrip grip_last"> </li>
                                    </ul>
                                </div>
                            </td>
                            <td rowspan="4" id="ctl00_DefaultContent_itemList__rliInsert_itemAddAnswerEditorRight" class="reTlbVertical"></td>
                            <td rowspan="4" class="reRightVerticalSide"> </td>
                        </tr>
                        <tr>
                            <th scope="row" style="display:none;"><span>Content area wrapper</span></th>
                            <td id="ctl00_DefaultContent_itemList__rliInsert_itemAddAnswerEditorCenter" class="reContentCell" style="height:100%;">
                                <label for="ctl00_DefaultContent_itemList__rliInsert_itemAddAnswerEditorContentHiddenTextarea" style="display:none;">RadEditor hidden textarea</label>
                                <textarea id="ctl00_DefaultContent_itemList__rliInsert_itemAddAnswerEditorContentHiddenTextarea" name="ctl00$DefaultContent$itemList$_rliInsert$itemAddAnswerEditor" rows="4" cols="20" style="display:none;">
                                </textarea>
                            </td>
                        </tr>
                        <tr>
                            <th scope="row" style="display:none;"><span>RadEditor's bottom area: Design, Html and Preview modes, Statistics module and resize handle.</span></th>
                            <td class="reToolZone">
                                <table class="reBottomTable" id="ctl00_DefaultContent_itemList__rliInsert_itemAddAnswerEditor_BottomTable" style="width:100%;display:none;">
                                    <caption style="display:none;">
                                    It contains RadEditor's Modes/views (HTML, Design and Preview), Statistics and Resizer
                                    </caption>
                                    <thead style="display:none;">
                                        <tr>
                                            <th scope="col"><span>Editor Mode buttons</span></th>
                                            <th scope="col"><span>Statistics module</span></th>
                                            <th scope="col"><span>Editor resizer</span></th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <tr>
                                            <td class="reEditorModesCell">
                                                <div class="reEditorModes" id="ctl00_DefaultContent_itemList__rliInsert_itemAddAnswerEditor_ModesWrapper">
                                                    <ul>
                                                        <li><a href="javascript:void(0);" title="Design" class="reMode_design reMode_selected"><span>Design</span></a></li>
                                                        <li><a href="javascript:void(0);" title="HTML" class="reMode_html"><span>HTML</span></a></li>
                                                        <li><a href="javascript:void(0);" title="Preview" class="reMode_preview"><span>Preview</span></a></li>
                                                    </ul>
                                                </div>
                                            </td>
                                            <td class="reBottomZone" id="ctl00_DefaultContent_itemList__rliInsert_itemAddAnswerEditorBottom"> </td>
                                            <td> </td>
                                        </tr>
                                    </tbody>
                                </table>
                                <noscript>
                                    <p>RadEditor - please enable JavaScript to use the rich text editor.</p>
                                </noscript>
                            </td>
                        </tr>
                        <tr>
                            <th scope="row" style="display:none;"><span>RadEditor's Modules - special tools used to provide extra information such as Tag Inspector, Real Time HTML Viewer, Tag Properties and other.</span></th><td id="ctl00_DefaultContent_itemList__rliInsert_itemAddAnswerEditorModule" class="reToolZone"></td>
                        </tr>
                        <tr>
                            <th scope="row" style="display:none;"><span></span></th>
                            <td class="reWrapper_corner reCorner_bottom_left"> </td>
                            <td class="reWrapper_center reCenter_bottom" colspan="3"> </td>
                            <td class="reWrapper_corner reCorner_bottom_right"> </td>
                        </tr>
                    </tbody>
                </table>
                <input id="ctl00_DefaultContent_itemList__rliInsert_itemAddAnswerEditor_ClientState" name="ctl00_DefaultContent_itemList__rliInsert_itemAddAnswerEditor_ClientState" type="hidden" />
            </div>
        </div>
    </div>
  5. Dan
    Dan avatar
    11 posts
    Member since:
    Dec 2013

    Posted 01 Apr 2014 in reply to Dan Link to this post

    Another note:  if I enable two EnableModes, I  can switch EditModes, enter some text, and then change the EditMode back.

    I this case, I enabled EditModes Design and Html; when the RadEditors come up in the ModalPopupExtender, I cannot enter text in Design Mode.  However, I was able to switch to Html Mode and enter Text.  Then, I was able to add and remove text in Design Mode.
  6. Dan
    Dan avatar
    11 posts
    Member since:
    Dec 2013

    Posted 01 Apr 2014 Link to this post

    ...that is, I enabled two EditModes (not EnableModes lol).  in the markup, there is now EditModes="Design,Html" in the two RadEditors.
  7. Ianko
    Admin
    Ianko avatar
    1535 posts

    Posted 03 Apr 2014 Link to this post

    Hi Dan,

    Unfortunately the provided code is not locally runnable and I am unable to investigate the problem.

    From the description of the problem I can determine that this is an appearance issue related to the content area of the Editor. You can find useful information on this matter and further explanation in this help article.

    If you are unable to resolve the problem, please provide a simple project, that demonstrates the problem, so that it could be investigated locally.

    Regards,
    Ianko
    Telerik
     

    Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

     
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017