Questions on UI for ASP.NET AJAX Forum

5 answers

193 views

Press Enter in RadTextBox fires a specific RadButton in a RadAjaxPanle

Hello,

We have a RadAjaxPanel with a RadTextBox and a RadButton in it.

How is it possible to fire the RadButton server side event click and press enter in the RadTextBox ?

Thank you for your help.

Sincerely.

AjaxPanel

answered on 15 Oct 2020

1 answer

147 views

LoadContentFile from URL

Hello,

Is it possible to populate a TreeView control from an XML file that is on another web server?

I'm using the LoadContentFile to load the tree on the website where the XML file is located, but I'm not sure how to populate the TreeView on my other website that needs the same source.

I'm using the XML file on 2 different websites and wanted to use the one source.

I currently get "is not a valid virtual path" error.

This is an example URL: https://temp.com/xml/temp.xml

Thank you

TreeView

answered on 15 Oct 2020

5 answers

197 views

Load layer from datatable

Hi,

Currently i create maps by linking json file to the layer. In my understanding there is a way to provide some kind of an object as a datasource to the layer.

Can you provide example, please?

Map

answered on 15 Oct 2020

3 answers

196 views

scroll position

In my rad wizard some steps have longer content. On Next click, the page maintains the scroll position instead of showing the top of the next step.

Is there a way I can get rid of the scroll position for the wizard?

Wizard

answered on 15 Oct 2020

1 answer

166 views

UI theme for AJAX and Kendo React

Hi,

Is Material Theme in AJAX same as Material Theme in KendoUI React. If not, is there any theme which look same in both products. We are developing a new app using AJAX and React and would like them to look a like.

Thank you

General Discussions

answered on 15 Oct 2020

2 answers

202 views

RadDropDownList Blur

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

112 views

[Solved] 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

325 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

333 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

454 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