My issue is the gauge control won't render in design mode:
Error Creating Control - GaugeuserCountFailed to create designer 'Telerik.Web.UI.RadRadialGauge, Telerik.Web.UI, Version=2020.2.617.40, Culture=neutral, PublicKeyToken=121fae78165ba3d4'
I've got a reference in the project page to the .40 .dll version..
Project builds & runs fine, just cannot get this to work!..
This is VS.NET 2017 on Windows 10
I've tried deleting files in:
%AppData%\Local\Microsoft\VisualStudio\16.0_1695dc1b\ProjectAssemblies, Cleaning & REbuilding the solution..
Help!
Rich
Windows 7 Enterprise - IE 11 (Version 11.0.9600.19236)
VS 2012 - .NET Framework 3.5
Telerik UI For ASP.NET AJAX 2016.2.607.305
We've been using the RadRadialGauge control in our intranet web application for years since around 2016 with no issues. Just recently (not sure exactly when) our users started noticing that the control was no longer displaying, just completely blank (see attachment 3-RadRadialGauge_Missing.jpg). After some analyzing & testing I've determined it doesn't seem to be a licensing or server-side issue.
To come to this conclusion I decided to try the RadLabel control which is just textual & has no graphic rendering like RadRadialGauge (see attachment 1-RadLabel.jpg). It appears fine since it's only displaying text.
Next I tried RadDatePicker which has a combination of text & graphic rendering (see attachment 2-RadDatePicker.jpg). It resulted in sort of a hybrid display where the date input box is there, but instead of showing the calendar icon it just has the mouse hover text.
It should be noted throughout this process I also tried downloading the latest version of these controls (2019.1.115.35) but still experienced the same behavior. I'm theorizing these problems are due to a Windows or more likely IE update which we might have recently received. All software updates like this are managed at the Enterprise level & pushed to all users in our company. I've tried searching the forums & I see here & there somewhat similar rendering issues posted, but nothing so far which has resolved my particular issue.
Any help would be greatly appreciated!
I am using Visual Studio 2017, and I'd like to change the color of the point track as shown here: https://docs.telerik.com/devtools/aspnet-ajax/controls/gauge/structure.
What I've tried:
1. <telerik:RadLinearGauge ID="gauge" runat="server" Height="280" Pointer-Track-Color="#5ca038" Pointer-Track-Opacity="0.5" Pointer-Track-Size="30" Pointer-Track-Visible="true">
2. <Pointer Shape="BarIndicator" Value="15" Size="30" Color="#5ca038">
<Track Opacity="0.2" Size="30" Color="Black" />
</Pointer>
3. <Pointer Track-Visible="true" Track-Color="Green" Track-Size="30" Track-Opacity="0.6"></Pointer>
However, none of the above had any effect on the point track. Could you suggest? Thank you.
Gary,
Hi I am goingnuts , please help me! RadGauge needle value updates fine to specified value on local host but not when I have published the code?
http://temperatur.gpslogik.se/1 is the published code. (throws input error on the Chrome developer console, I dont understand)
Here is part of my code!
<telerik:RadLabel ID="RadLabel6" runat="server" Text="Larmtillstånd" Font-Size="Small" AutoPostBack="True" Font-Bold="True"></telerik:RadLabel><br/>
<telerik:RadLabel ID="RadLabel3" runat="server" Text="Normal" BackColor="#33CC33" Font-Bold="True" ForeColor="White" Width="300px" ></telerik:RadLabel>
<div class="demo-container size-thin">
<telerik:RadRadialGauge runat="server" ID="RadRadialGauge1" Width="200px" Height="200px" Skin="Bootstrap">
<Pointer Value="0">
<Cap Size="0.1" />
</Pointer>
<Scale Min="0" Max="40" MajorUnit="10" >
<Labels Format="{0} C°" />
<Ranges>
<telerik:GaugeRange Color="#add8e6" From="0" To="5" />
<telerik:GaugeRange Color="Green" From="5" To="25" />
<telerik:GaugeRange Color="#ff0000" From="25" To="40" />
</Ranges>
</Scale>
</telerik:RadRadialGauge>
<p></p>
<telerik:RadHtmlChart ID="RainfallChart" runat="server" Layout="Sparkline" Width="300px" Height="60px" PlotArea-XAxis-Reversed="true">
<PlotArea>
<Series>
<telerik:AreaSeries DataFieldY="RainfallData">
<Appearance FillStyle-BackgroundColor="#00b37d"></Appearance>
<TooltipsAppearance Color="White" />
</telerik:AreaSeries>
</Series>
</PlotArea>
</telerik:RadHtmlChart><br />
<telerik:RadLabel ID="RadLabel7" Text="Temperatur trend" runat="server"></telerik:RadLabel>
<div class="demo-containers">
OBJCONN.Close() : OBJCONN.Open()
'Fyll dropdown med användare
Dim Q As New SqlCommand("SELECT * FROM temperature_values where TempDescription='" & unit & "'", OBJCONN)
Dim R As SqlDataReader = Q.ExecuteReader
If R.HasRows = True Then
Do While R.Read
adress1 = R("TemperatureAdress")
TidX = R("TempTimeStamp")
lat = R("Temperature_latitude")
lng = R("Temperature_longitude")
groupname = R("Temperatur_groupName")
TempDescription = R("TempDescription")
value = R("TempValue")
Loop
End If
OBJCONN.Close()
RadLabel2.Text = "<strong>Kl: " & TidX & "<br>" & groupname & " / " & TempDescription & "<br> Temperatur är " & value & "°C</strong>" ', Senast kända adress " & adress1
'Hämta aktuellt värde och tid för vald temperaturgivare
RadRadialGauge1.Pointer.Value = value
Timer1.Enabled = True
RainfallChart.DataSource = GetData()
RainfallChart.DataBind()
Is there anyway to change the timing (speed) of the needle sweep?
I want to slow down the speed of the needle after its been given a value.
I don't see a exposed value, but I am guessing that some JavaScript "timer" function is used to control the speed of the needle when it moves to a given value.
Is some value existing in the control? I willing to set this value server or client side. eg:
eg:
var gao6 = $find("<%=gaPartsDiscount.ClientID%>"); //the standard script control object
var gao6g = gao6.get_kendoWidget(); //the Kendo widget
var gao6v;
-----> set "speed" of sweep??????
gao6g.value(50);
Regards,
Albert D. Kallal
Hello ,
Can any body help me with the below design in telerik using LinearGauge Horizontal ..
Please reply asap..Thanks.
Hello,
I recently upgraded one of our ASP.NET 4 applications from Q2 2014 to the latest 2017 and noticed that the background for the scale changed from gray to white (see attached) and I have not been able to find a way to change it back. I looked within the Telerik demos and found that I'm able to change the BackColor, but it changes it for the entire RadLinearGauge tag. Is there any way to accomplish this?
<
telerik:RadLinearGauge
ID
=
"radInstalledFE"
runat
=
"server"
Font-Bold
=
"True"
Font-Names
=
"Verdana"
Font-Size
=
"10pt"
Skin
=
"Office2010Black"
Width
=
"420px"
ForeColor
=
"Black"
Height
=
"90px"
>
<
Pointer
Shape
=
"BarIndicator"
Value
=
"15"
Size
=
"30"
Color
=
"#5ca038"
>
<
Track
Opacity
=
"0.2"
Size
=
"30"
Color
=
"Black"
/>
</
Pointer
>
<
Scale
MajorTicks-Size
=
"10"
MinorTicks-Size
=
"5"
Vertical
=
"False"
MinorTicks-Color
=
"Black"
MajorTicks-Color
=
"Black"
Labels-Color
=
"Black"
Labels-Font
=
"Verdana"
Labels-Position
=
"Outside"
MinorTicks-Visible
=
"False"
></
Scale
>
</
telerik:RadLinearGauge
>
How can I use (Gauge - Volume Control in RadGrid) Like (RadRating in RadGrid) Sample
Hi Sir / Madam,
Thanks in Advance
I have a challenging task to do i need to do a guage like Ship_trim.png and using west east orientation i got two guages in west and east . width of the guages are
too lengthy how can i make aguage like Ship_trim.png . Please Help me .Hi. I can't figure this one out.
I recently upgraded to Ajax UI 2016.2.504.45 specifically so I could make use of the new Multiple Pointers feature. I updated my controls and code to add multiple pointers dynamically, rather than just setting the value of the single pointer dynamically. And this works great.
My issue is that after postback the gauge loads and my pointers have been removed. However the Scale ranges that I am adding dynamically are retained and correct.
I run a number of intense calculations on a button click which populates the RadLinearGauge with pointers, I don't want to have to run this on every postback just to ensure that the pointers are present. The only thing I can think is that this is a bug in the RadLinearGauge.
Reproducible Example:
HTML
01.
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="Default" %>
02.
03.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
04.
05.
<
html
xmlns
=
"http://www.w3.org/1999/xhtml"
>
06.
<
head
runat
=
"server"
>
07.
<
title
></
title
>
08.
<
telerik:RadStyleSheetManager
ID
=
"RadStyleSheetManager1"
runat
=
"server"
/>
09.
</
head
>
10.
<
body
>
11.
<
form
id
=
"form1"
runat
=
"server"
>
12.
<
telerik:RadScriptManager
ID
=
"RadScriptManager1"
runat
=
"server"
>
13.
<
Scripts
>
14.
<
asp:ScriptReference
Assembly
=
"Telerik.Web.UI"
Name
=
"Telerik.Web.UI.Common.Core.js"
/>
15.
<
asp:ScriptReference
Assembly
=
"Telerik.Web.UI"
Name
=
"Telerik.Web.UI.Common.jQuery.js"
/>
16.
<
asp:ScriptReference
Assembly
=
"Telerik.Web.UI"
Name
=
"Telerik.Web.UI.Common.jQueryInclude.js"
/>
17.
</
Scripts
>
18.
</
telerik:RadScriptManager
>
19.
<
script
type
=
"text/javascript"
>
20.
//Put your JavaScript code here.
21.
</
script
>
22.
<
telerik:RadAjaxManager
ID
=
"RadAjaxManager1"
runat
=
"server"
>
23.
</
telerik:RadAjaxManager
>
24.
<
div
>
25.
<
telerik:RadLinearGauge
ID
=
"SealingValue"
runat
=
"server"
Width
=
"410px"
>
26.
<
Scale
Vertical
=
"false"
MajorUnit
=
"50"
/>
27.
</
telerik:RadLinearGauge
>
28.
</
div
>
29.
<
div
>
30.
<
asp:Button
ID
=
"btnPostBack"
runat
=
"server"
OnClick
=
"btnPostBack_Click"
Text
=
"Postback"
/>
31.
</
div
>
32.
</
form
>
33.
</
body
>
34.
</
html
>
01.
using
System;
02.
using
System.Web;
03.
using
System.Web.UI;
04.
using
System.Web.UI.WebControls;
05.
using
System.Data;
06.
using
System.Configuration;
07.
using
System.Web.Security;
08.
using
System.Web.UI.WebControls.WebParts;
09.
using
System.Web.UI.HtmlControls;
10.
using
Telerik.Web.UI;
11.
12.
public
partial
class
Default : System.Web.UI.Page
13.
{
14.
protected
void
Page_Load(
object
sender, EventArgs e)
15.
{
16.
if
(!Page.IsPostBack)
17.
{
18.
GaugeRange range1 =
new
GaugeRange();
19.
range1.From = 0;
20.
range1.To = 25;
21.
range1.Color = System.Drawing.Color.FromName(
"Green"
);
22.
23.
GaugeRange range2 =
new
GaugeRange();
24.
range2.From = 25;
25.
range2.To = 75;
26.
range2.Color = System.Drawing.Color.FromName(
"Blue"
);
27.
28.
GaugeRange range3 =
new
GaugeRange();
29.
range3.From = 75;
30.
range3.To = 100;
31.
range3.Color = System.Drawing.Color.FromName(
"Yellow"
);
32.
33.
SealingValue.Scale.Ranges.Add(range1);
34.
SealingValue.Scale.Ranges.Add(range2);
35.
SealingValue.Scale.Ranges.Add(range3);
36.
37.
LinearPointer pointer1 =
new
LinearPointer();
38.
39.
pointer1.Value = 30;
40.
pointer1.Shape = Telerik.Web.UI.Gauge.PointerShape.Arrow;
41.
pointer1.Size = 13;
42.
pointer1.Color = System.Drawing.Color.FromName(
"White"
);
43.
44.
LinearPointer pointer2 =
new
LinearPointer();
45.
46.
pointer2.Value = 90;
47.
pointer2.Shape = Telerik.Web.UI.Gauge.PointerShape.Arrow;
48.
pointer2.Size = 13;
49.
pointer2.Color = System.Drawing.Color.FromName(
"Red"
);
50.
51.
SealingValue.Pointers.Add(pointer1);
52.
SealingValue.Pointers.Add(pointer2);
53.
}
54.
}
55.
56.
protected
void
btnPostBack_Click(
object
sender, EventArgs e)
57.
{
58.
59.
}
60.
}