RADRadialGauge on I.E. 7

[Ambreen]

I'm testing RADRadialGauge for ASP NET AJAX. It shows up corrcetly on I.E 8 and I.E. 9 but not on I.E. 7. Please check the attached files.
Any sugesstions on how to get it fixed on I.E 7.

Thanks,
Ambreen

[Danail Vasilev]

Hi Ambreen,

RadHtmlChart and RadGauge share a common rendering mechanism - it uses JavaScript to render the image through vector graphics formats - SVG for modern browsers and VML for older ones. The behavior you describe has been observed under IE7 because the VML elements there inherit some CSS properties (e.g. text-align: center). You can adding a text-align: left to the gauge  to handle the CSS from your page:

<telerik:RadRadialGauge ID="gActionReq" Skin="Telerik" runat="server" BackColor="White"
    Width="150px" Height="100px" Style="text-align: left;">
    <Scale MinorUnit="5" Max="60">
        <Ranges>
            <telerik:GaugeRange Color="LightGreen" To="20" />
            <telerik:GaugeRange Color="Yellow" From="20" To="40" />
            <telerik:GaugeRange Color="Red" From="40" To="60" />
        </Ranges>
    </Scale>
</telerik:RadRadialGauge>

Greetings,
Danail Vasilev
the Telerik team

[Ambreen]

Thank you so much, It worked.
I have another question. Is there any way to label the pointer value and increase the thickness of the scale?
Attached is desirable output.


Regrads,
Ambreen

[Danail Vasilev]

Hi Ambreen,

Both functionalities are not supported by the RadGauge, but they have already been logged as PITS items here and here. However, I cannot guarantee with any time bounds for their implementation as they should initially gain enough votes and then approval from our management. For the time being you can comment, monitor or raise their priority by voting on them.

Regards,
Danail Vasilev
the Telerik team