Questions on UI for ASP.NET AJAX Forum

2 answers

155 views

After the user selects an option from a RadDropDownList, I would like the control to lose focus. I've tried various things like calling blur and trying to set focus to another element in both the OnClientItemSelected and OnClientDropDownClosed events but nothing seems to work. Is there a way to do this in JavaScript code?

Thanks

DropDownList

answered on 14 Oct 2020

1 answer

76 views

ClientSelectionChange outside of ContentArea

Hi,

The documentation indicates that the ClientSelectionChange event will be raised whenever the user changes selection "within the ContentArea." I'm finding that the event is raised whenever the mouse is clicked anywhere, e.g. srollbar, toolbar, etc. Is this expected behavior, or am I missing something? In the project below, set a breakpoint in the ClientSelectionChange event handler. Click on "Some Content", breakpoint is hit as expected. Now click on Scrollbar. Breakpoint is hit again, even though the selected element remains "Some Content". This is unexpected.

Is this a bug? Or am I not understanding.

Using editor iframe mode. Telerik version: 2020.2.617

Dave

Default.aspx:

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="Default" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

<title></title>

</head>

<body>

<form id="form1" runat="server">

<telerik:RadScriptManager ID="RadScriptManager1" runat="server">

<Scripts>

<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.Core.js" />

<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQuery.js" />

<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQueryInclude.js" />

</Scripts>

</telerik:RadScriptManager>

<script type="text/javascript">

//Put your JavaScript code here.

function onClientSelectionChange(editor, args) {

var lElement = editor.getSelectedElement();

}

</script>

<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">

</telerik:RadAjaxManager>

<div>

<telerik:RadEditor ID="RadEditor1" runat="server"

OnClientSelectionChange="onClientSelectionChange"

/>

</div>

</form>

</body>

</html>

Default.aspx.cs

using System;

using System.Web;

using System.Web.UI;

using System.Web.UI.WebControls;

using System.Data;

using System.Configuration;

using System.Web.Security;

using System.Web.UI.WebControls.WebParts;

using System.Web.UI.HtmlControls;

using Telerik.Web.UI;

public partial class Default : System.Web.UI.Page

{

protected void Page_Load(object sender, EventArgs e)

{

RadEditor1.Content = "<!DOCTYPE html><html><body><div id='myWrapper' style='height: 300px;'><span id='rspn'>Some Content</span></div></body></html>";

}

Editor

answered on 14 Oct 2020

1 answer

259 views

HTML Donut Chart OutsideEnd Label Position with Line setting

Hello,

I read an example of Donut Chart from this :

https://demos.telerik.com/aspnet-ajax/htmlchart/examples/charttypes/donutchart/defaultcs.aspx

Is it possible to configure Telerik HTML Chart so it can create our desirable chart as it seems on attachment ?

If it's possible how can we set the starting Line of Label Position to in the middle of Chart Area Slice ?

Thank you in advance

Chart (HTML5)

answered on 14 Oct 2020

18 answers

282 views

Which jQuery version is embedded in newest release 2016 Q1?

can't find any information in any of the release notes or docs.

General Discussions

answered on 14 Oct 2020

14 answers

366 views

RadToolTip only works on 1st row of GridView

I have a GridView with a RadToolTip inside an <ItemTemplate> tag. It's TargetControlID is a label. The problem is the tool tip only renders on the first row of the GridView and no others. I have read the other posts with similar problems but your solutions do not work for me. Please tell me what I am doing wrong. I have been strugglling with this for two days and cannot get the other rows to render the tool tip.

I have an 'OnRowCreated' event on my GridView as follows:

    
            protected void GridView1_RowCreated(object sender, GridViewRowEventArgs e)  
        
                {  
        
                    if (e.Row.RowType == DataControlRowType.DataRow)  
        
                    {  
        
                        if (e.Row.DataItem != null)  
        
                        {  
        
                            if (e.Row.DataItemIndex == 0)  
        
                            {  
        
                                System.Web.UI.WebControls.Label L1 = (System.Web.UI.WebControls.Label)e.Row.FindControl("lblViews");  
        
                                DataRowView curRow = (DataRowView)e.Row.DataItem;  
        
                                L1.ID = curRow.Row["CDNStreams"].ToString();  
        
                                this.RadToolTipManager1.TargetControls.Add(L1.ClientID, true);  
        
                            }  
        
                        }  
        
                    }  
        
                }  
        
                protected void RadToolTipManager1_AjaxUpdate(object sender, Telerik.Web.UI.ToolTipUpdateEventArgs e)  
        
                {  
        
                    e.UpdatePanel.ContentTemplateContainer.Controls.Add(new HtmlGenericControl("HR"));  
        
                }

I have the RadToolTip coded as follows:

    
            <asp:TemplateField HeaderText="Views Total" HeaderStyle-BorderWidth="1px" ItemStyle-Wrap="true" 
        
                                    HeaderStyle-BorderColor="Black">  
        
                                    <ItemTemplate> 
        
                                        <asp:Label ID="lblViews" Text='<%# Eval("Views") %>' runat="server" >                          
        
                                            </asp:Label> 
        
                                        <telerik:RadToolTip Text='<%# "Views Breakout<br/>Database Views: " + Eval("DBViews") + "<br/>Limelight CDN Views: " + Eval("CDNStreams")%>' 
        
                                            runat="server" TargetControlID="lblViews" ID="RadToolTip1" IsClientID="true">  
        
                                         </telerik:RadToolTip> 
        
                                    </ItemTemplate> 
        
            </asp:TemplateField>

I have a RadToolTipManager coded as follows:

    
            <telerik:RadToolTipManager ID="RadToolTipManager1" runat="server"   
        
                    OnAjaxUpdate="RadToolTipManager1_AjaxUpdate">  
        
                </telerik:RadToolTipManager>

Thanks much in advance,
Ken

ToolTip

answered on 14 Oct 2020

8 answers

8.4K+ views

CVE-2019-18935 vulnerability caused our systems to get infected

Hi,

2 Of our production webservers got infected last week with Bitcoin miner software and after thorough research, it appears that the Telerik Web UI CVE-2019-18935 vulnerability was used to initiate the attack. More information regarding this attack can be found here: https://www.baco.sk/posts/xmrig-blue-mockingbird/

At the moment, all of our systems are at risk as we've got hundreds of websites running on multiple servers which use the Telerik control, varying from as old as version 2013.3.1114, till the more recent versions, such as 2019.3.1023.

As a (panic) reaction to mitigate this problem, we've replaced the existing Telerik.Web.UI.dll files on the affected server with the 'patched' version downloaded on the product download patch: https://www.telerik.com/account/product-download?product=RCAJAX

However, after more research, I read on https://www.telerik.com/support/kb/aspnet-ajax/details/allows-javascriptserializer-deserialization that the only way to fix this problem is to upgrade to version R3 2019 SP1 or later. Can you tell me what the patched version is for then? What does it patch?

Also, can you please advise on how we can fix this problem with the least amount of effort, as we literally have hundreds of websites using this DLL. Is there a way that we do not have to upgrade to the latest version and can have it fixed by an IIS setting perhaps? We basically only use the Telerik Editor.

Thank you.

General Discussions

answered on 14 Oct 2020

7 answers

909 views

ajax errors with ClientIDMode="Static"

I was working on a simple test page and decided to load the latest Telerik DLLs (2020.3.915) for my asp.net webforms website. I added a RadWizard to the page, all was working fine until I updated the page directive to set the ClientIDMode to Static.

Using the devtools in Chrome, it shows the following error coming from ScriptResource.axd

"Uncaught RangeError: Maximum call stack size exceeded"

I also noticed in the rendered HTML markup that the RadWizard did NOT use a static id. In VS, the control was given an id of "wizardMain", but in the rendered HTML, I got the asp.net mangled version instead:

...

In general, the whole wizard markup was kind of messed up. Take the ClientIDMode out of the page directive and it goes back to rendering and working as expected (so far).

Version loaded into project via nuget:

General Discussions

answered on 13 Oct 2020

9 answers

1.0K+ views

JavaScript stops working after PostBack

Hey!

I have a page with a tabstrip, the whole page is inside RadAjaxPanel.

Inside this page (and also ajaxpanel). I have a jquery that hides/shows a div.

The function works fine, but then I click a tab on tabstrip, the postback happens and script stops working.

What is my solution?

Here is some code:

<script type="text/javascript">

////FILTER

$('.filter').click(function() {

$('.filterOpen').toggle('slow', function() {

});

});($telerik.$);

</script>

<div class="filter">Filter</div>

<div class="clear"></div>

<div class="filterOpen" style="display: none">

<div class="sort">

<%--Sort control--%>