This is probably a long shot but I thought it was worth asking.
Users can choose an appointment date and time range for when an engineer will turn up. For example, 19th January 2022 between 10am and 4pm. I am displaying the appointments in a grid but I want to replace the words "between 10am and 4pm" or "10am-4pm" with a graphic. I am looking for a simple clock image which I can set from code behind with, for example, startime=1000 | endtime=1600 and see a little circle with a clock face with a "pie slice" shaded in to represent the period between 10am and 4pm.
I am not looking for a time picker (that's already done in the Edit Form) - I need a way of displaying a little visual indicator like a clock face / pie chart type of graphic with a shaded area showing the user a range such as 10am-4pm, 2pm-4pm, 8am-1pm etc. The time range will never be 12 hours or more but if this ever happened I could replace the clock display with my standard text label.
Does anyone know if this is possible with anything in the UI For ASP.NET AJAX suite or if an existing control could be repurposed with clever styling (a chart type maybe?) or a third party component (if I must). Requirements are I need to set the time range using a function called at run time from data binding or itemdatabound in code behind.
I can't believe no-one has needed this before but I can't find anything online (unless I'm not using the correct term for the type of control I need).
Any help would be really appreciated.
Thanks
Nick

telerik:RadGrid ASP.NET Web is being used.
When you click a cell in the grid of A, The details should be displayed in grid of B.
===> If you click the cell of grid, Another Detail-Grid should appear.
How should I program the code?
Attached File : ad1.png

I'm getting this error whenever I click a button on the page.
This only happens when you're running the aspx page through a windows forms application that has a browser control.
If I load this page directly from any normal browser it works fine.
Page is running:
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js" type="text/javascript"></script>
Any suggestions?

Hi
Is there a way UI can be rendered asynchronously (ASP.NET ajax way) Lets say i get data like 10MB or more and the getting data part is async. However I can see that the blazor page freezes as it needs to bind the data to grid/list. Is there way to do this just like background thread concept in Winforms? Or asp.net ajax way?

Hello!
I am trying to configure my updatecommand for a RadGrid dropdownlist edit entry. I have attached the code for the dropdownlist and my current update command below
DropDownList
if (e.Item is GridEditableItem && e.Item.IsInEditMode && !(e.Item is GridEditFormInsertItem))
{
SqlConnection connection = new SqlConnection(ConfigurationManager.ConnectionStrings["DBConnectionString"].ConnectionString);
SqlDataAdapter da = new SqlDataAdapter("SELECT * FROM [ExampleDB].[dbo].[Status]", connection);
DataSet ds = new DataSet();
da.Fill(ds);
GridEditableItem edit = (GridEditableItem)e.Item;
TextBox txt = (TextBox)edit["Status"].Controls[0];
txt.Visible = false;
DropDownList droplist = new DropDownList();
droplist.DataSource = ds;
droplist.DataTextField = "Name";
droplist.DataValueField = "ID";
droplist.DataBind();
edit["OrderStatus"].Controls.Add(droplist);
}
Update Command
protected void RadGrid1_UpdateCommand(object sender, GridCommandEventArgs e)
My Radgrid is in EditMode="Batch" . When I click on the AddNewRecord I need to create a record in the DB. The ItemCommand event does not fire.
Is there a way to get it to fire.
I did see this? https://stackoverflow.com/questions/31816599/overriding-the-telerik-radgrid-addnewrecordbutton-functionality-to-redirect-the
Is there a better way to do it so the batch mode stays intact?

Hi,
When using RadTab - RadMultiPage - RadPageView the content url for the page view loads twice on the initial load.
What am I doing wrong?
Thanks
We have migrated to Telerik.Web.UI from Telerik.WebControls ,Telerik Version - 2021.3.914.45,.Net-4.8
Tried with get_allNodes() instead of AllNodes but no luck.
function getNodes() {
return this.getTree().AllNodes; //AllNodes is not returning Array
}
return {
getTree: function() {
if (!this.elements["tree"]) { this.elements["tree"] = window[this.element.getAttribute("tree")]; }
return this.elements["tree"];
},
getHiddenFieldEl: function() {
if (!this.elements["hidden"]) { this.elements["hidden"] = $(this.element.getAttribute("hf")); }
return this.elements["hidden"];
},
toString: function() { return "Simple Tree"; },
init: function() {
this.hasCheckBoxes = (this.element.getAttribute("checkmode") === "true");
Test.Controls.attachSubmitEvent(onSubmit, this, true);
},
validate: function(source, args) {
var isValid = false;
var allNodes = getNodes.call(this); //allNodes as Undefined
for(var i = 0, len = allNodes.length; i < len; i++) {
var node = allNodes[i];
if(!node.Checked) { continue; }
isValid = true;
break;
}
args.IsValid = isValid;
}Can anyone please help to resolve this issue? what should be changed in the above code after migration?
Hi, when I provide an XML file through web service to the scheduler and the dayview is displayed, the UTC times appear to be displayed in the server/local browser time zone. For example if the <Start>2022-01-14 07:00</Start> tag is provided, it is shown in the browser view at 1:1:00 (which corresponds to the server time and my time zone).
I have set the timezoneoffset for the scheduler to be -1:00:00 so what should be shown in the dayview should be 08:00,
There is no documentation that suggests that the dayview is using a different mechanism for showing the times so what is happening here and how to correct it?