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

[maral]

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?

[Rumen]

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

[maral]

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]

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]

thanks it worked!

[maral]

part 2

[maral]

part 3

[maral]

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]

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.