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,

2 Answers, 1 is accepted

Sort by
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
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,
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