telerik editor - with EnableHandlerEncryption being enabled, font dropdowns are unresponsive after ajax update

4 Answers 57 Views
Ajax Editor
maral
Top achievements
Rank 1
Iron
maral asked on 28 Apr 2021, 06:53 AM

Hello

I've created a simple project with Telerik editor in page. I've added a dropdown that on SelectedIndexChanged would update a label's text on page through ajax.

While EnableHandlerEncryption is enabled in web.config, Editor's font dropdowns will get unresponsive after ajax update.

I've created a simple project to demonstrate the issue. since the compressed project size is 59MBs I'll post each part in separate replies.

am I missing something that causes this issue to happen?

4 Answers, 1 is accepted

Sort by
1
Rumen
Telerik team
answered on 28 Apr 2021, 12:24 PM

Hi Maral,

Can you please enable the Scripts CDN and test again?

<telerik:RadScriptManager 
    ID="RadScriptManager1"    
    runat="server"    
    CdnSettings-TelerikCdn="Enabled">

 

Regards,
Rumen
Progress Telerik

Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.

maral
Top achievements
Rank 1
Iron
commented on 29 Apr 2021, 03:19 AM

thank you for your response. yes it does solve the issue but it is required in the project that all the scripts get loaded from project itself and not a CDN.
Rumen
Telerik team
commented on 29 Apr 2021, 11:20 AM

In this case, you can easily configure a local CDN where the files will reside in the same app. For your convenience, I also deployed a video that I made in the past on Youtube - https://www.youtube.com/watch?v=iPcvj7Vl5TM
maral
Top achievements
Rank 1
Iron
commented on 01 May 2021, 10:53 AM

thanks it worked!
0
maral
Top achievements
Rank 1
Iron
answered on 28 Apr 2021, 06:54 AM
0
maral
Top achievements
Rank 1
Iron
answered on 28 Apr 2021, 06:56 AM
0
maral
Top achievements
Rank 1
Iron
answered on 21 Jun 2021, 06:59 AM

I’ve noticed when I set CdnSettings-CombinedResource="Enabled" two scripts: core.js and ajax.js are added separately even though they’re available in CombinedScripts.js file. Tags bellow are taken from page source:

<script src="https://d2i2wahzwrm1n5.cloudfront.net/ajaxz/2021.1.330/CombinedScript.js" type="text/javascript"></script>

<script src="https://d2i2wahzwrm1n5.cloudfront.net/ajaxz/2021.1.330/Common/Core.js" type="text/javascript"></script>

<script src="https://d2i2wahzwrm1n5.cloudfront.net/ajaxz/2021.1.330/Ajax/Ajax.js" type="text/javascript"></script>

Why is this happening?

In our project we need the most compact / minified / low count on resources to reduce page load blocking time to stay on top of seo section.

Also considering using a private cdn, all of these seem too much effort and adds concerns and many js files that must be taken care of on each update. The previous approach with axd in which I assume script files were taken from dlls seemed so neat and hassle free. Is there a way that we can get those to work?

Rumen
Telerik team
commented on 23 Jun 2021, 10:24 AM | edited

Hi Maral,

If you do not like to use the CDN, you can fix the initial issue by removing the colorpickers from the RadEditor toolbar by deleting these tags:

 <telerik:EditorTool Name="ForeColor" />
 <telerik:EditorTool Name="BackColor" />

or to keep the ForeColor and BackColor tools but to override their dispose method, e.g.

            <telerik:RadScriptBlock runat="server" ID="RadScriptBlock1">
                <script>
                    Telerik.Web.UI.Editor.ColorPicker.prototype.dispose = function () {
                        this.remove_valueSelected(this._onValueSelectedDelegate);
                    }
                </script>
            </telerik:RadScriptBlock>
            <telerik:RadEditor RenderMode="Lightweight" ID="RadEditor1" runat="server" Width="800px" Height="270px"> ...

 

Update: Move the script and the RadEditor inside the ajaxified pnlDummy panel.

Tags
Ajax Editor
Asked by
maral
Top achievements
Rank 1
Iron
Answers by
Rumen
Telerik team
maral
Top achievements
Rank 1
Iron
Share this question
or