RadEditor Edit buttons/Paste not formatting

[clint]

Hello,

I have a radeditor on a basic page and it works fine so I know the issue is not with my computer, browser, etc.  However, I have one page where the editor loads and I can type, but none of the formatting buttons make any difference and nothing I copy and paste into the editor shows up.  All the other controls (grids, buttons, dropdowns, etc.) appear to work fine on the page.  Here is my code:

    <telerik:RadCodeBlock ID="RadCodeBlock1" runat="server">

        <script type="text/javascript">

            function rowDblClick(sender, eventArgs) {
                sender.get_masterTableView().editItem(eventArgs.get_itemIndexHierarchical());
            }

            function onPopUpShowing(sender, args) {
                args.get_popUp().className += " popUpEditForm";
            }

            function clientClose(sender, args) {
                if (args.get_argument() != null) {
                    //alert("'" + sender.get_name() + "'" + " was closed and returned the following argument: '" + args.get_argument() + "'");
                }
            }

        </script>
    </telerik:RadCodeBlock>

    <telerik:RadScriptManager runat="server" ID="RadScriptManager1" />
    <telerik:RadSkinManager ID="RadSkinManager1" runat="server" ShowChooser="false" />

    <telerik:RadAjaxManager runat="server" ID="RadAjaxManager1" DefaultLoadingPanelID="RadAjaxLoadingPanel1">
        <AjaxSettings>
            <telerik:AjaxSetting AjaxControlID="grdPrice">
                <UpdatedControls>
                    <telerik:AjaxUpdatedControl ControlID="grdPrice" />
                    <telerik:AjaxUpdatedControl ControlID="RadInputManager1" />

                </UpdatedControls>
            </telerik:AjaxSetting>
        </AjaxSettings>
    </telerik:RadAjaxManager>

    <telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" />
    <telerik:RadStyleSheetManager ID="RadStyleSheetManager1" runat="server" />



    <telerik:RadAjaxPanel ID="RadAjaxPanel1" runat="server">

        <div class="div-table">

            <telerik:RadDropDownList Width="400px" runat="server" ID="ddlStrategies" RenderMode="Lightweight"
                DataTextField="Name" DataValueField="StrategyID" AutoPostBack="true" OnSelectedIndexChanged="ddlStrategies_SelectedIndexChanged" />
              <telerik:RadButton Skin="Office2010Silver" ID="btnSaveStrategy" runat="server" Text="Save Strategy" OnClick="btnSaveStrategy_Click" />
            <br /><br /><br />

            Supplier: <asp:Label ID="lblSupplier" runat="server" /><br />

        </div>


        <div style="display: inline-block;">
            <div>
                <telerik:RadTabStrip RenderMode="Lightweight" runat="server" ID="RadTabStrip1"  Orientation="HorizontalTop" Width="100%" SelectedIndex="0" MultiPageID="RadMultiPage1" Skin="Telerik">
                    <Tabs>
                        <telerik:RadTab Text="Background" />
                        <telerik:RadTab Text="Tab2" />
                        <telerik:RadTab Text="Tab3" />
                        <telerik:RadTab Text="Tab4" />
                        <telerik:RadTab Text="Tab5" />
                    </Tabs>
                </telerik:RadTabStrip>


                <telerik:RadMultiPage runat="server" ID="RadMultiPage1"  SelectedIndex="0" CssClass="multiPage" Width="100%">
                    <telerik:RadPageView runat="server" ID="RadPageView1">
                        <br />
                        <telerik:RadButton runat="server" ID="btnSaveBackground" Skin="Office2010Silver" AutoPostBack="true" Text="Save" OnClick="btnSaveBackground_Click" /><br /><br />

                        <telerik:RadEditor ContentAreaMode="Div"  MaxHtmlLength="1450" RenderMode="Lightweight" Skin="Office2010Silver" ID="edtBackground" runat="server" Width="950px" Height="500px"></telerik:RadEditor>



                    </telerik:RadPageView>

...

 

Any help would be greatly appreciated.  I even tried taking out the ajax panel and that didn't work. 

 

[Ianko]

Hello,

I tested with this online demo and everything appears to be working fine. Currently, I can only make guesses what is the exact scenario on your end that leads to the described behavior and why this issue occurs. 

• Are there any JS errors in the console?
• What is the browser you are using?
• What is the version of the UI for ASP.NET AJAX used? If it is an old one, have you tried upgrading?

You can also provide a simple, locally runnable solution to demonstrate the issue. This will help me greatly to look better into the exact situation.

Regards,

Ianko

Telerik by Progress

[clint]

Thank you for the reply.  I did a search on the error I was getting (onEvent) and came up with this solution:

 

<add key="ValidationSettings:UnobtrusiveValidationMode" value="None" />

That fixed my issue.

 

Thanks!

[Ianko]

Hello,

It is great to see that you have found a solution. And thanks for sharing it here.

Regards,
Ianko
Telerik by Progress