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

RadEditor EmptyMessage not working

6 Answers 152 Views

Editor

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

6 Answers, 1 is accepted

answered on 10 Apr 2015, 08:08 AM

Hi,

The EmptyMessage feature has been introduced in Q2 2012. That's why I recommend you to upgrade to the latest version of UI for ASP.NET AJAX if your version is older than it.
Here is a video that is showing the result on my end with latest version of Telerik and a markup similar to what you have provided:

<telerik:RadEditor EditModes="Design" ID="RadEditor1"

runat="server" Height="150px" ToolbarMode="ShowOnFocus" EmptyMessage="Optional">

</telerik:RadEditor>

<telerik:RadEditor EditModes="Design" ID="RadEditor2"

runat="server" Height="150px" ToolbarMode="ShowOnFocus" EmptyMessage="Optional">

</telerik:RadEditor>

<telerik:RadEditor EditModes="Design" ID="RadEditor3"

runat="server" Height="150px" ToolbarMode="ShowOnFocus" EmptyMessage="Optional">

</telerik:RadEditor>

<telerik:RadTextBox runat="server" EmptyMessage="Optiomnal"></telerik:RadTextBox>

I hope that helps.

Regards,
Misho
Telerik

See What's Next in App Development. Register for TelerikNEXT.

answered on 10 Apr 2015, 09:34 PM

Thank you for the response and example video. Unfortunately this is still not working for me. My application is also using bootstrap and runs on SharePoint. Could that possibly be a problem?

I've modified the code slightly which now looks like this:

<div class="row">

<div class="col-10 col-xs-10 col-sm-10 col-md-10 col-lg-10 form-group">

<label class="control-label">Some Label Here</label>

<telerik:RadEditor EditModes="Design" ID="edtCustFam" runat="server" Height="150px" ToolbarMode="ShowOnFocus" EmptyMessage="Optional">

</telerik:RadEditor>

</div>

The watermark/empty message is still not appearing. Actually, I don't even see it in the resulting HTML. Here is was the page source looks like for that field:

<div class="row">

<div class="col-10 col-xs-10 col-sm-10 col-md-10 col-lg-10 form-group">

<label class="control-label">

Some Label Here</label>

<div id="ctl00_PlaceHolderMain_edtCustFam" class="RadEditor Default reWrapper" style="width:680px;height:150px;">

<div id="ctl00_PlaceHolderMain_edtCustFam_dialogOpener" style="display:none;">

<div id="ctl00_PlaceHolderMain_edtCustFam_dialogOpener_Window" style="display:none;">

<div id="ctl00_PlaceHolderMain_edtCustFam_dialogOpener_Window_C" style="display:none;">

</div><input id="ctl00_PlaceHolderMain_edtCustFam_dialogOpener_Window_ClientState" name="ctl00_PlaceHolderMain_edtCustFam_dialogOpener_Window_ClientState" type="hidden" />

</div><input id="ctl00_PlaceHolderMain_edtCustFam_dialogOpener_ClientState" name="ctl00_PlaceHolderMain_edtCustFam_dialogOpener_ClientState" type="hidden" />

</div><div class="reRibbonBarWrapper"></div><table id="ctl00_PlaceHolderMain_edtCustFamWrapper" class="reLayoutWrapper" style="width:100%;height:150px;">

<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_PlaceHolderMain_edtCustFamLeft" class="reTlbVertical"></td><td id="ctl00_PlaceHolderMain_edtCustFamTop" class="reToolCell" style="width:100%;"><div class="Default reToolbarWrapper" style="visibility:hidden;overflow:hidden;height:0px;">

<ul class="reToolbar Default">

<li class="reGrip grip_first"> </li><li><a title="Print (CTRL+P / CMD+P)" class="reTool" href="#"><span class="Print"> </span></a></li><li><a title="AJAX Spellchecker" class="reTool" href="#"><span class="AjaxSpellCheck"> </span></a></li><li><a title="Find And Replace (CTRL+F / CMD+F)" class="reTool" href="#"><span class="FindAndReplace"> </span></a></li><li><a title="Select All (CTRL+A / CMD+A)" class="reTool" href="#"><span class="SelectAll"> </span></a></li><li><a title="Cut (CTRL+X / CMD+X)" class="reTool" href="#"><span class="Cut"> </span></a></li><li><a title="Copy (CTRL+C / CMD+C)" class="reTool" href="#"><span class="Copy"> </span></a></li><li><a title="Paste (CTRL+V / CMD+V)" class="reTool" href="#"><span class="Paste"> </span></a></li><li><a title="Paste Options" class="reTool reSplitButton" href="#"><span class="PasteStrip"> </span><span class="split_arrow"> </span></a></li><li class="reSeparator"> </li><li><a title="Undo (CTRL+Z / CMD+Z)" class="reTool reSplitButton" href="#"><span class="Undo"> </span><span class="split_arrow"> </span></a></li><li><a title="Redo (CTRL+Y / CMD+Y)" class="reTool reSplitButton" href="#"><span class="Redo"> </span><span class="split_arrow"> </span></a></li><li class="reGrip grip_last"> </li>