Telerik Forums
UI for ASP.NET AJAX Forum
2 answers
125 views

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

 

Rich
Top achievements
Rank 2
 answered on 26 Aug 2020
5 answers
82 views

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!

Ryan
Top achievements
Rank 1
 answered on 20 Feb 2019
3 answers
44 views

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,

Marin Bratanov
Telerik team
 answered on 29 Oct 2018
2 answers
72 views

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()

Rumen
Telerik team
 answered on 16 Mar 2018
6 answers
146 views

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

 

Peter Milchev
Telerik team
 answered on 05 Sep 2017
0 answers
46 views

Hello ,

Can any body help me with the below design in telerik using LinearGauge Horizontal ..

 

Please reply asap..Thanks.

Devi
Top achievements
Rank 1
 asked on 04 May 2017
1 answer
94 views

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>


Stamo Gochev
Telerik team
 answered on 04 May 2017
1 answer
37 views

How can I use (Gauge - Volume Control in RadGrid) Like (RadRating in RadGrid) Sample

 

Ianko
Telerik team
 answered on 22 Dec 2016
2 answers
87 views

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 .
Marin Bratanov
Telerik team
 answered on 21 Sep 2016
1 answer
58 views

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. 
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>

C#
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.}

Marin Bratanov
Telerik team
 answered on 20 May 2016
Narrow your results
Selected tags
Tags
+? more
Top users last month
Dominik
Top achievements
Rank 1
Giuliano
Top achievements
Rank 1
Dominic
Top achievements
Rank 1
Glendys
Top achievements
Rank 1
NoobMaster
Top achievements
Rank 2
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Dominik
Top achievements
Rank 1
Giuliano
Top achievements
Rank 1
Dominic
Top achievements
Rank 1
Glendys
Top achievements
Rank 1
NoobMaster
Top achievements
Rank 2
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?