skip navigation
Telerik UI for ASP.NET AJAX
Product Bundles
DevCraft
All Telerik .NET tools and Kendo UI JavaScript components in one package. Now enhanced with:
NEW
: Design Kits for Figma
Online Training
Document Processing Library
Embedded Reporting for web and desktop
Web
Kendo UI
UI for jQuery
UI for Angular
UI for React
UI for Vue
UI for Blazor
UI for ASP.NET Core
UI for ASP.NET MVC
UI for ASP.NET AJAX
Mobile
UI for .NET MAUI
UI for Xamarin
Document Management
Telerik Document Processing
Desktop
UI for .NET MAUI
UI for WinUI
UI for WinForms
UI for WPF
Reporting & Mocking
Telerik Reporting
Telerik Report Server
Telerik JustMock
Automated Testing
Test Studio
Test Studio Dev Edition
CMS
Sitefinity
UI/UX Tools
ThemeBuilder
Design System Kit
Debugging
Fiddler
Fiddler Everywhere
Fiddler Classic
Fiddler Jam
FiddlerCap
FiddlerCore
Free Tools
VB.NET to C# Converter
Testing Framework
View all products
Overview
Demos
Roadmap
What's New
Roadmap
Release History
Migrate to Blazor
Docs & Support
Support and Learning
Support and Learning Hub
Docs
Demos
Virtual Classroom
Forums
Videos
Blogs
Accessibility and Security
Submit a Ticket
Productivity and Design Tools
Visual Studio Extensions
ThemeBuilder
Embedded Reporting
Pricing
Shopping cart
Login
Contact Us
Try now
close mobile menu
Telerik Forums
/
UI for ASP.NET AJAX
This is a migrated thread and some comments may be shown as answers.
RadRadialGauge Text in between at exactly where the needle starts
2 Answers
96 Views
Chart (Obsolete)
This is a migrated thread and some comments may be shown as answers.
Rahul
Top achievements
Rank 1
Rahul
asked on
16 Jan 2013,
03:03 PM
Hi,
I am using RadRadialGauge in my application I wanted to add text at the point where the needle starts or below the needle.
Please let me know how I can do this.
Thanks,
Add a comment
Submit comment
Cancel
2 Answers
, 1 is accepted
Sort by
Score
Date
0
MasterChiefMasterChef
Top achievements
Rank 2
answered on
17 Jan 2013,
04:48 PM
Hi Rahul,
As of now, the RadialGauge does not have the functionality to add labels or titles on the gauge. You could easily add a text box directly under the gauge displaying what you want, but it would not be possible to do on top of the gauge.
Good luck,
Bart
Add a comment
Submit comment
Cancel
0
Rahul
Top achievements
Rank 1
answered on
18 Jan 2013,
07:57 AM
Hi,
I have resolved the issue by adding a label in the div and setting the z-index of gauge and label
<div class="gaugeHolderDiv" runat="server">
<div class="gaugeAlignment">
<div>
<telerik:RadRadialGauge runat="server" SkinID="GaugeSkin" ID="RadGaugeWithLabel" >
</telerik:RadRadialGauge>
</div>
<div class="gaugeReading">
<asp:Label ID="lblGaugeValue" runat="server"></asp:Label>
</div>
</div>
</div>
CSS :-
.gaugeHolderDiv
{
height: 130px;
width: 150px;
position: relative;
float: left;
}
.gaugeAlignment
{
text-align:center;
margin-left: 10px;
}
.gaugeReading
{
width: 57px;
height: 20px;
position: absolute;
top: 95px;
left: 47px;
text-align: center;
}
Thanks,
Add a comment
Submit comment
Cancel
Answer this question
Drag and drop files here or
browse
to attach...
Browse
for files to attach...
Supported file types: PNG, JPG, JPEG, ZIP, RAR, TXT. Max total file size - 20MB.
Submit answer
Cancel
Tags
Chart (Obsolete)
Asked by
Rahul
Top achievements
Rank 1
Answers by
MasterChiefMasterChef
Top achievements
Rank 2
Rahul
Top achievements
Rank 1
Share this question
or
Copy link