Mini Kabibi Habibi
<%@ Page Language="C#" MasterPageFile="~/Site.master" AutoEventWireup="true" CodeFile="WorldTime.aspx.cs"
Inherits="Gadgets_WorldTime" %>
<asp:Content ID="Content1" runat="server" ContentPlaceHolderID="ContentHolder">
<dx:ASPxCallbackPanel ID="ASPxCallbackPanel1" runat="server" ClientInstanceName="TimerCallbackPanel"
Width="800px" OnCallback="OnTimerCallback" BackColor="White" Height="550px" ShowLoadingPanel="false">
<PanelCollection>
<dx:PanelContent runat="server">
<table style="width: 100%">
<tr style="height: 275px">
<td style="width: 33%;">
<dx:ASPxGaugeControl runat="server" Width="250px" Height="250px" BackColor="White"
ID="Washington">
<Gauges>
<dx:CircularGauge Bounds="0, 0, 250, 250" ID="gaugeUSA">
<Indicators>
<dx:ArcScaleStateIndicatorComponent Name="usaIndicator1" Center="75, 218" ScaleID="usaScale1"
Size="40, 21" ZOrder="-100">
<States>
<dx:ScaleIndicatorStateWeb Name="Default" IntervalLength="12" ShapeType="FlagUSA"></dx:ScaleIndicatorStateWeb>
</States>
</dx:ArcScaleStateIndicatorComponent>
<dx:ArcScaleStateIndicatorComponent Name="usaIndicator2" Center="118, 223" Shader="<ShaderObject Type="Style" Data="Colors[Style1:White;Style2:]"/>"
ScaleID="usaScale1" Size="20, 20" ZOrder="-100">
<States>
<dx:ScaleIndicatorStateWeb Name="Default" IntervalLength="12" ShapeType="CurrencyUSD">
</dx:ScaleIndicatorStateWeb>
</States>
</dx:ArcScaleStateIndicatorComponent>
<dx:ArcScaleStateIndicatorComponent Name="usaIndicator3" Center="195, 223" ScaleID="usaScale1"
Size="15, 15" ZOrder="-100">
<States>
<dx:ScaleIndicatorStateWeb Name="Default" IntervalLength="12" ShapeType="Arrow1"></dx:ScaleIndicatorStateWeb>
</States>
</dx:ArcScaleStateIndicatorComponent>
</Indicators>
<Scales>
<dx:ArcScaleComponent Name="usaScale1" MaxValue="12" MinorTickmark-ShapeType="Circular_Style5_5"
MinorTickmark-ShapeOffset="-1.5" Center="125, 110" EndAngle="270" MajorTickCount="13"
MinorTickCount="4" MajorTickmark-TextOffset="-18" MajorTickmark-TextOrientation="LeftToRight"
MajorTickmark-FormatString="{0:F0}" MajorTickmark-ShapeType="Circular_Style5_2"
MajorTickmark-ShowFirst="False" MajorTickmark-ShapeOffset="-9.5" StartAngle="-90"
RadiusX="74" RadiusY="74" AppearanceTickmarkText-Font="Tahoma, 10pt" AppearanceTickmarkText-TextBrush="<BrushObject Type="Solid" Data="Color:Black"/>">
<Labels>
<dx:ScaleLabelWeb Name="Label0" Position="125, 135" Text="Washington" FormatString="{0}"
Size="70, 20" AppearanceText-Font="Tahoma, 8pt" AppearanceText-TextBrush="<BrushObject Type="Solid" Data="Color:Black"/>">
</dx:ScaleLabelWeb>
<dx:ScaleLabelWeb Name="Label1" Position="75, 238" Text="U.S.A." FormatString="{0}"
Size="50, 15"></dx:ScaleLabelWeb>
<dx:ScaleLabelWeb Name="Label2" Position="160, 225" Text="100" FormatString="{0:F2}"
Size="70, 20" AppearanceText-Font="Tahoma, 12pt"></dx:ScaleLabelWeb>
</Labels>
</dx:ArcScaleComponent>
<dx:ArcScaleComponent Name="usaScale2" MaxValue="12" Value="3" Center="125, 110"
EndAngle="270" MajorTickCount="2" MinorTickCount="0" MajorTickmark-ShowText="False"
MajorTickmark-ShowTick="False" MajorTickmark-TextOrientation="LeftToRight" StartAngle="-90"
RadiusX="74" RadiusY="74">
</dx:ArcScaleComponent>
</Scales>
<EffectLayers>
<dx:ArcScaleEffectLayerComponent Name="usaEffect" ScaleCenterPos="0.5, 1" ScaleID="usaScale1"
Size="170, 85" ZOrder="-1000" ShapeType="CircularFull_Clock"></dx:ArcScaleEffectLayerComponent>
</EffectLayers>
<SpindleCaps>
<dx:ArcScaleSpindleCapComponent Name="usaCap" ScaleID="usaScale1" Size="12, 12" ZOrder="-100"
ShapeType="CircularFull_Clock"></dx:ArcScaleSpindleCapComponent>
</SpindleCaps>
<BackgroundLayers>
<dx:ArcScaleBackgroundLayerComponent Name="usaBg" ScaleCenterPos="0.504, 0.436" ScaleID="usaScale1"
Size="216, 250" ZOrder="1000" ShapeType="CircularFull_WorldTimeClock"></dx:ArcScaleBackgroundLayerComponent>
</BackgroundLayers>
<Needles>
<dx:ArcScaleNeedleComponent EndOffset="10" ScaleID="usaScale1" Name="usaNeedle1"
ZOrder="-50" ShapeType="CircularFull_ClockHour"></dx:ArcScaleNeedleComponent>
<dx:ArcScaleNeedleComponent EndOffset="-5" ScaleID="usaScale2" Name="usaNeedle2"
ZOrder="-51" ShapeType="CircularFull_ClockMinute"></dx:ArcScaleNeedleComponent>
</Needles>
</dx:CircularGauge>
</Gauges>
</dx:ASPxGaugeControl>
</td>
<td style="width: 33%;">
<dx:ASPxGaugeControl runat="server" Width="250px" Height="250px" BackColor="White"
ID="Paris">
<Gauges>
<dx:CircularGauge ID="gaugeFrance" Bounds="0, 0, 250, 250">
<BackgroundLayers>
<dx:ArcScaleBackgroundLayerComponent Name="franceBg" ScaleCenterPos="0.504, 0.436"
ScaleID="franceScale1" ShapeType="CircularFull_WorldTimeClock" Size="216, 250"
ZOrder="1000" />
</BackgroundLayers>
<Indicators>
<dx:ArcScaleStateIndicatorComponent Center="75, 218" Name="franceIndicator1" ScaleID="franceScale1"
Size="40, 21" ZOrder="-100">
<States>
<dx:ScaleIndicatorStateWeb IntervalLength="12" Name="Default" ShapeType="FlagFrance" />
</States>
</dx:ArcScaleStateIndicatorComponent>
<dx:ArcScaleStateIndicatorComponent Center="118, 223" Name="franceIndicator2" ScaleID="franceScale1"
Shader="<ShaderObject Type="Gray"/>" Size="20, 20" ZOrder="-100">
<States>
<dx:ScaleIndicatorStateWeb IntervalLength="12" Name="Default" ShapeType="CurrencyEUR" />
</States>
</dx:ArcScaleStateIndicatorComponent>
<dx:ArcScaleStateIndicatorComponent Center="195, 223" Name="franceIndicator3" ScaleID="franceScale1"
Size="15, 15" ZOrder="-100">
<States>
<dx:ScaleIndicatorStateWeb IntervalLength="12" Name="Default" ShapeType="Arrow1" />
</States>
</dx:ArcScaleStateIndicatorComponent>
</Indicators>
<Needles>
<dx:ArcScaleNeedleComponent EndOffset="10" Name="franceNeedle1" ScaleID="franceScale1"
ShapeType="CircularFull_ClockHour" ZOrder="-50" />
<dx:ArcScaleNeedleComponent EndOffset="-5" Name="franceNeedle2" ScaleID="franceScale2"
ShapeType="CircularFull_ClockMinute" ZOrder="-51" />
</Needles>
<SpindleCaps>
<dx:ArcScaleSpindleCapComponent Name="franceCap1" ScaleID="franceScale1" ShapeType="CircularFull_Clock"
Size="12, 12" ZOrder="-100" />
</SpindleCaps>
<EffectLayers>
<dx:ArcScaleEffectLayerComponent Name="francsEffect1" ScaleCenterPos="0.5, 1" ScaleID="franceScale1"
Shader="<ShaderObject Type="Opacity" Data="Opacity[0.7]"/>"
ShapeType="CircularFull_Clock" Size="170, 85" ZOrder="-1000" />
</EffectLayers>
<Scales>
<dx:ArcScaleComponent AppearanceTickmarkText-Font="Tahoma, 10pt" AppearanceTickmarkText-TextBrush="<BrushObject Type="Solid" Data="Color:Black"/>"
Center="125, 110" EndAngle="270" MajorTickCount="13" MajorTickmark-FormatString="{0:F0}"
MajorTickmark-ShapeOffset="-9.5" MajorTickmark-ShapeType="Circular_Style5_2"
MajorTickmark-ShowFirst="False" MajorTickmark-TextOffset="-18" MajorTickmark-TextOrientation="LeftToRight"
MaxValue="12" MinorTickCount="4" MinorTickmark-ShapeOffset="-1.5" MinorTickmark-ShapeType="Circular_Style5_5"
Name="franceScale1" RadiusX="74" RadiusY="74" StartAngle="-90">
<Labels>
<dx:ScaleLabelWeb AppearanceText-Font="Tahoma, 8pt" AppearanceText-TextBrush="<BrushObject Type="Solid" Data="Color:Black"/>"
FormatString="{0}" Name="Label0" Position="125, 135" Size="70, 20" Text="Paris" />
<dx:ScaleLabelWeb FormatString="{0}" Name="Label1" Position="75, 238" Size="50, 15"
Text="France" />
<dx:ScaleLabelWeb AppearanceText-Font="Tahoma, 12pt" FormatString="{0:F4}" Name="Label2"
Position="160, 225" Size="70, 20" Text="72.87" />
</Labels>
</dx:ArcScaleComponent>
<dx:ArcScaleComponent Center="125, 110" EndAngle="270" MajorTickCount="2" MajorTickmark-ShowText="False"
MajorTickmark-ShowTick="False" MajorTickmark-TextOrientation="LeftToRight" MaxValue="12"
MinorTickCount="0" Name="franceScale2" RadiusX="74" RadiusY="74" StartAngle="-90"
Value="3">
</dx:ArcScaleComponent>
</Scales>
</dx:CircularGauge>
</Gauges>
</dx:ASPxGaugeControl>
</td>
<td style="width: 33%;">
<dx:ASPxGaugeControl runat="server" Width="250px" Height="250px" BackColor="White"
ID="Moscow">
<Gauges>
<dx:CircularGauge ID="russiaGauge" Bounds="0, 0, 250, 250">
<BackgroundLayers>
<dx:ArcScaleBackgroundLayerComponent Name="russiaBg1" ScaleCenterPos="0.504, 0.436"
ScaleID="russiaScale1" ShapeType="CircularFull_WorldTimeClock" Size="216, 250"
ZOrder="1000" />
</BackgroundLayers>
<Indicators>
<dx:ArcScaleStateIndicatorComponent Center="75, 218" Name="russiaIndicator1" ScaleID="russiaScale1"
Size="40, 21" ZOrder="-100">
<States>
<dx:ScaleIndicatorStateWeb IntervalLength="12" Name="Default" ShapeType="FlagRussia" />
</States>
</dx:ArcScaleStateIndicatorComponent>
<dx:ArcScaleStateIndicatorComponent Center="118, 223" Name="russiaIndicator2" ScaleID="russiaScale1"
Shader="<ShaderObject Type="Gray"/>" Size="20, 20" ZOrder="-100">
<States>
<dx:ScaleIndicatorStateWeb IntervalLength="12" Name="Default" ShapeType="CurrencyRUR" />
</States>
</dx:ArcScaleStateIndicatorComponent>
<dx:ArcScaleStateIndicatorComponent Center="205, 223" Name="russiaIndicator3" ScaleID="russiaScale1"
Size="15, 15" ZOrder="-100">
<States>
<dx:ScaleIndicatorStateWeb IntervalLength="12" Name="Default" ShapeType="Arrow2" />
</States>
</dx:ArcScaleStateIndicatorComponent>
</Indicators>
<Needles>
<dx:ArcScaleNeedleComponent EndOffset="10" Name="russiaNeedle1" ScaleID="russiaScale1"
ShapeType="CircularFull_ClockHour" ZOrder="-50" />
<dx:ArcScaleNeedleComponent EndOffset="-5" Name="russiaNeedle2" ScaleID="russiaScale2"
ShapeType="CircularFull_ClockMinute" ZOrder="-51" />
</Needles>
<SpindleCaps>
<dx:ArcScaleSpindleCapComponent Name="russiaCap1" ScaleID="russiaScale1" ShapeType="CircularFull_Clock"
Size="12, 12" ZOrder="-100" />
</SpindleCaps>
<EffectLayers>
<dx:ArcScaleEffectLayerComponent Name="russiaEffect1" ScaleCenterPos="0.5, 1" ScaleID="russiaScale1"
Shader="<ShaderObject Type="Opacity" Data="Opacity[0.7]"/>"
ShapeType="CircularFull_Clock" Size="170, 85" ZOrder="-1000" />
</EffectLayers>
<Scales>
<dx:ArcScaleComponent AppearanceTickmarkText-Font="Tahoma, 10pt" AppearanceTickmarkText-TextBrush="<BrushObject Type="Solid" Data="Color:Black"/>"
Center="125, 110" EndAngle="270" MajorTickCount="13" MajorTickmark-FormatString="{0:F0}"
MajorTickmark-ShapeOffset="-9.5" MajorTickmark-ShapeType="Circular_Style5_2"
MajorTickmark-ShowFirst="False" MajorTickmark-TextOffset="-18" MajorTickmark-TextOrientation="LeftToRight"
MaxValue="12" MinorTickCount="4" MinorTickmark-ShapeOffset="-1.5" MinorTickmark-ShapeType="Circular_Style5_5"
Name="russiaScale1" RadiusX="74" RadiusY="74" StartAngle="-90">
<Labels>
<dx:ScaleLabelWeb AppearanceText-Font="Tahoma, 8pt" AppearanceText-TextBrush="<BrushObject Type="Solid" Data="Color:Black"/>"
FormatString="{0}" Name="Label0" Position="125, 135" Size="70, 20" Text="Moscow" />
<dx:ScaleLabelWeb FormatString="{0}" Name="Label1" Position="75, 238" Size="50, 15"
Text="Russia" />
<dx:ScaleLabelWeb AppearanceText-Font="Tahoma, 12pt" FormatString="{0:F4}" Name="Label2"
Position="165, 225" Size="70, 20" Text="3066.4" />
</Labels>
</dx:ArcScaleComponent>
<dx:ArcScaleComponent Center="125, 110" EndAngle="270" MajorTickCount="2" MajorTickmark-ShowText="False"
MajorTickmark-ShowTick="False" MajorTickmark-TextOrientation="LeftToRight" MaxValue="12"
MinorTickCount="0" Name="russiaScale2" RadiusX="74" RadiusY="74" StartAngle="-90"
Value="3">
</dx:ArcScaleComponent>
</Scales>
</dx:CircularGauge>
</Gauges>
</dx:ASPxGaugeControl>
</td>
</tr>
<tr style="height: 275px">
<td style="width: 33%;">
<dx:ASPxGaugeControl runat="server" Width="250px" Height="250px" BackColor="White"
ID="London">
<Gauges>
<dx:CircularGauge ID="ukGauge" Bounds="0, 0, 250, 250">
<BackgroundLayers>
<dx:ArcScaleBackgroundLayerComponent Name="ukBg1" ScaleCenterPos="0.504, 0.436" ScaleID="ukScale1"
ShapeType="CircularFull_WorldTimeClock" Size="216, 250" ZOrder="1000" />
</BackgroundLayers>
<Indicators>
<dx:ArcScaleStateIndicatorComponent Center="75, 218" Name="ukIndicator1" ScaleID="ukScale1"
Size="40, 21" ZOrder="-100">
<States>
<dx:ScaleIndicatorStateWeb IntervalLength="12" Name="Default" ShapeType="FlagUK" />
</States>
</dx:ArcScaleStateIndicatorComponent>
<dx:ArcScaleStateIndicatorComponent Center="130, 223" Name="ukIndicator2" ScaleID="ukScale1"
Shader="<ShaderObject Type="Gray"/>" Size="20, 20" ZOrder="-100">
<States>
<dx:ScaleIndicatorStateWeb IntervalLength="12" Name="Default" ShapeType="CurrencyGBP" />
</States>
</dx:ArcScaleStateIndicatorComponent>
<dx:ArcScaleStateIndicatorComponent Center="203, 223" Name="ukIndicator3" ScaleID="ukScale1"
Size="15, 15" ZOrder="-100">
<States>
<dx:ScaleIndicatorStateWeb IntervalLength="12" Name="Default" ShapeType="Arrow9" />
</States>
</dx:ArcScaleStateIndicatorComponent>
</Indicators>
<Needles>
<dx:ArcScaleNeedleComponent EndOffset="10" Name="ukNeedle1" ScaleID="ukScale1" ShapeType="CircularFull_ClockHour"
ZOrder="-50" />
<dx:ArcScaleNeedleComponent EndOffset="-5" Name="ukNeedle2" ScaleID="ukScale2" ShapeType="CircularFull_ClockMinute"
ZOrder="-51" />
</Needles>
<SpindleCaps>
<dx:ArcScaleSpindleCapComponent Name="ukCap1" ScaleID="ukScale1" ShapeType="CircularFull_Clock"
Size="12, 12" ZOrder="-100" />
</SpindleCaps>
<EffectLayers>
<dx:ArcScaleEffectLayerComponent Name="ukEffect1" ScaleCenterPos="0.5, 1" ScaleID="ukScale1"
Shader="<ShaderObject Type="Opacity" Data="Opacity[0.7]"/>"
ShapeType="CircularFull_Clock" Size="170, 85" ZOrder="-1000" />
</EffectLayers>
<Scales>
<dx:ArcScaleComponent AppearanceTickmarkText-Font="Tahoma, 10pt" AppearanceTickmarkText-TextBrush="<BrushObject Type="Solid" Data="Color:Black"/>"
Center="125, 110" EndAngle="270" MajorTickCount="13" MajorTickmark-FormatString="{0:F0}"
MajorTickmark-ShapeOffset="-9.5" MajorTickmark-ShapeType="Circular_Style5_2"
MajorTickmark-ShowFirst="False" MajorTickmark-TextOffset="-18" MajorTickmark-TextOrientation="LeftToRight"
MaxValue="12" MinorTickCount="4" MinorTickmark-ShapeOffset="-1.5" MinorTickmark-ShapeType="Circular_Style5_5"
Name="ukScale1" RadiusX="74" RadiusY="74" StartAngle="-90">
<Labels>
<dx:ScaleLabelWeb AppearanceText-Font="Tahoma, 8pt" AppearanceText-TextBrush="<BrushObject Type="Solid" Data="Color:Black"/>"
FormatString="{0}" Name="Label0" Position="125, 135" Size="70, 20" Text="London" />
<dx:ScaleLabelWeb FormatString="{0}" Name="Label1" Position="75, 238" Size="90, 15"
Text="United Kingdom" />
<dx:ScaleLabelWeb AppearanceText-Font="Tahoma, 12pt" FormatString="{0:F4}" Name="Label2"
Position="168, 225" Size="70, 20" Text="62.56" />
</Labels>
</dx:ArcScaleComponent>
<dx:ArcScaleComponent Center="125, 110" EndAngle="270" MajorTickCount="2" MajorTickmark-ShowText="False"
MajorTickmark-ShowTick="False" MajorTickmark-TextOrientation="LeftToRight" MaxValue="12"
MinorTickCount="0" Name="ukScale2" RadiusX="74" RadiusY="74" StartAngle="-90"
Value="3">
</dx:ArcScaleComponent>
</Scales>
</dx:CircularGauge>
</Gauges>
</dx:ASPxGaugeControl>
</td>
<td style="width: 33%;">
<dx:ASPxGaugeControl runat="server" Width="250px" Height="250px" BackColor="White"
ID="Tokyo">
<Gauges>
<dx:CircularGauge ID="gaugeJapan" Bounds="0, 0, 250, 250">
<BackgroundLayers>
<dx:ArcScaleBackgroundLayerComponent Name="japanBg1" ScaleCenterPos="0.504, 0.436"
ScaleID="japanScale1" ShapeType="CircularFull_WorldTimeClock" Size="216, 250"
ZOrder="1000" />
</BackgroundLayers>
<Indicators>
<dx:ArcScaleStateIndicatorComponent Center="75, 218" Name="japanIndicator1" ScaleID="japanScale1"
Size="40, 21" ZOrder="-100">
<States>
<dx:ScaleIndicatorStateWeb IntervalLength="12" Name="Default" ShapeType="FlagJapan" />
</States>
</dx:ArcScaleStateIndicatorComponent>
<dx:ArcScaleStateIndicatorComponent Center="118, 223" Name="japanIndicator2" ScaleID="japanScale1"
Shader="<ShaderObject Type="Gray"/>" Size="20, 20" ZOrder="-100">
<States>
<dx:ScaleIndicatorStateWeb IntervalLength="12" Name="Default" ShapeType="CurrencyJPY" />
</States>
</dx:ArcScaleStateIndicatorComponent>
<dx:ArcScaleStateIndicatorComponent Center="213, 223" Name="japanIndicator3" ScaleID="japanScale1"
Size="15, 15" ZOrder="-100">
<States>
<dx:ScaleIndicatorStateWeb IntervalLength="12" Name="Default" ShapeType="Arrow10" />
</States>
</dx:ArcScaleStateIndicatorComponent>
</Indicators>
<Needles>
<dx:ArcScaleNeedleComponent EndOffset="10" Name="japanNeedle1" ScaleID="japanScale1"
ShapeType="CircularFull_ClockHour" ZOrder="-50" />
<dx:ArcScaleNeedleComponent EndOffset="-5" Name="japanNeedle2" ScaleID="japanScale2"
ShapeType="CircularFull_ClockMinute" ZOrder="-51" />
</Needles>
<SpindleCaps>
<dx:ArcScaleSpindleCapComponent Name="japanCap1" ScaleID="japanScale1" ShapeType="CircularFull_Clock"
Size="12, 12" ZOrder="-100" />
</SpindleCaps>
<EffectLayers>
<dx:ArcScaleEffectLayerComponent Name="japanEffect1" ScaleCenterPos="0.5, 1" ScaleID="japanScale1"
Shader="<ShaderObject Type="Opacity" Data="Opacity[0.7]"/>"
ShapeType="CircularFull_Clock" Size="170, 85" ZOrder="-1000" />
</EffectLayers>
<Scales>
<dx:ArcScaleComponent AppearanceTickmarkText-Font="Tahoma, 10pt" AppearanceTickmarkText-TextBrush="<BrushObject Type="Solid" Data="Color:Black"/>"
Center="125, 110" EndAngle="270" MajorTickCount="13" MajorTickmark-FormatString="{0:F0}"
MajorTickmark-ShapeOffset="-9.5" MajorTickmark-ShapeType="Circular_Style5_2"
MajorTickmark-ShowFirst="False" MajorTickmark-TextOffset="-18" MajorTickmark-TextOrientation="LeftToRight"
MaxValue="12" MinorTickCount="4" MinorTickmark-ShapeOffset="-1.5" MinorTickmark-ShapeType="Circular_Style5_5"
Name="japanScale1" RadiusX="74" RadiusY="74" StartAngle="-90">
<Labels>
<dx:ScaleLabelWeb AppearanceText-Font="Tahoma, 8pt" AppearanceText-TextBrush="<BrushObject Type="Solid" Data="Color:Black"/>"
FormatString="{0}" Name="Label0" Position="125, 135" Size="70, 20" Text="Tokyo" />
<dx:ScaleLabelWeb FormatString="{0}" Name="Label1" Position="75, 238" Size="50, 15"
Text="Japan" />
<dx:ScaleLabelWeb AppearanceText-Font="Tahoma, 12pt" FormatString="{0:F4}" Name="Label2"
Position="168, 225" Size="90, 20" Text="7811.9" />
</Labels>
</dx:ArcScaleComponent>
<dx:ArcScaleComponent Center="125, 110" EndAngle="270" MajorTickCount="2" MajorTickmark-ShowText="False"
MajorTickmark-ShowTick="False" MajorTickmark-TextOrientation="LeftToRight" MaxValue="12"
MinorTickCount="0" Name="japanScale2" RadiusX="74" RadiusY="74" StartAngle="-90"
Value="3">
</dx:ArcScaleComponent>
</Scales>
</dx:CircularGauge>
</Gauges>
</dx:ASPxGaugeControl>
</td>
<td style="width: 33%;">
<dx:ASPxGaugeControl runat="server" Width="250px" Height="250px" BackColor="White"
ID="Rome">
<Gauges>
<dx:CircularGauge ID="gaugeItaly" Bounds="0, 0, 250, 250">
<BackgroundLayers>
<dx:ArcScaleBackgroundLayerComponent Name="italyBg1" ScaleCenterPos="0.504, 0.436"
ScaleID="italyScale1" ShapeType="CircularFull_WorldTimeClock" Size="216, 250"
ZOrder="1000" />
</BackgroundLayers>
<Indicators>
<dx:ArcScaleStateIndicatorComponent Center="75, 218" Name="italyIndicator1" ScaleID="italyScale1"
Size="40, 21" ZOrder="-100">
<States>
<dx:ScaleIndicatorStateWeb IntervalLength="12" Name="Default" ShapeType="FlagItaly" />
</States>
</dx:ArcScaleStateIndicatorComponent>
<dx:ArcScaleStateIndicatorComponent Center="118, 223" Name="italyIndicator2" ScaleID="italyScale1"
Shader="<ShaderObject Type="Gray"/>" Size="20, 20" ZOrder="-100">
<States>
<dx:ScaleIndicatorStateWeb IntervalLength="12" Name="Default" ShapeType="CurrencyEUR" />
</States>
</dx:ArcScaleStateIndicatorComponent>
<dx:ArcScaleStateIndicatorComponent Center="195, 223" Name="italyIndicator3" ScaleID="italyScale1"
Size="15, 15" ZOrder="-100">
<States>
<dx:ScaleIndicatorStateWeb IntervalLength="12" Name="Default" ShapeType="Arrow1" />
</States>
</dx:ArcScaleStateIndicatorComponent>
</Indicators>
<Needles>
<dx:ArcScaleNeedleComponent EndOffset="10" Name="italyNeedle1" ScaleID="italyScale1"
ShapeType="CircularFull_ClockHour" ZOrder="-50" />
<dx:ArcScaleNeedleComponent EndOffset="-5" Name="italyNeedle2" ScaleID="italyScale2"
ShapeType="CircularFull_ClockMinute" ZOrder="-51" />
</Needles>
<SpindleCaps>
<dx:ArcScaleSpindleCapComponent Name="italyCap1" ScaleID="italyScale1" ShapeType="CircularFull_Clock"
Size="12, 12" ZOrder="-100" />
</SpindleCaps>
<EffectLayers>
<dx:ArcScaleEffectLayerComponent Name="italyEffect1" ScaleCenterPos="0.5, 1" ScaleID="italyScale1"
Shader="<ShaderObject Type="Opacity" Data="Opacity[0.7]"/>"
ShapeType="CircularFull_Clock" Size="170, 85" ZOrder="-1000" />
</EffectLayers>
<Scales>
<dx:ArcScaleComponent AppearanceTickmarkText-Font="Tahoma, 10pt" AppearanceTickmarkText-TextBrush="<BrushObject Type="Solid" Data="Color:Black"/>"
Center="125, 110" EndAngle="270" MajorTickCount="13" MajorTickmark-FormatString="{0:F0}"
MajorTickmark-ShapeOffset="-9.5" MajorTickmark-ShapeType="Circular_Style5_2"
MajorTickmark-ShowFirst="False" MajorTickmark-TextOffset="-18" MajorTickmark-TextOrientation="LeftToRight"
MaxValue="12" MinorTickCount="4" MinorTickmark-ShapeOffset="-1.5" MinorTickmark-ShapeType="Circular_Style5_5"
Name="italyScale1" RadiusX="74" RadiusY="74" StartAngle="-90">
<Labels>
<dx:ScaleLabelWeb AppearanceText-Font="Tahoma, 8pt" AppearanceText-TextBrush="<BrushObject Type="Solid" Data="Color:Black"/>"
FormatString="{0}" Name="Label0" Position="125, 135" Size="70, 20" Text="Rome" />
<dx:ScaleLabelWeb FormatString="{0}" Name="Label1" Position="75, 238" Size="50, 15"
Text="Italy" />
<dx:ScaleLabelWeb AppearanceText-Font="Tahoma, 12pt" FormatString="{0:F4}" Name="Label2"
Position="160, 225" Size="70, 20" Text="72.87" />
</Labels>
</dx:ArcScaleComponent>
<dx:ArcScaleComponent Center="125, 110" EndAngle="270" MajorTickCount="2" MajorTickmark-ShowText="False"
MajorTickmark-ShowTick="False" MajorTickmark-TextOrientation="LeftToRight" MaxValue="12"
MinorTickCount="0" Name="italyScale2" RadiusX="74" RadiusY="74" StartAngle="-90"
Value="3">
</dx:ArcScaleComponent>
</Scales>
</dx:CircularGauge>
</Gauges>
</dx:ASPxGaugeControl>
</td>
</tr>
</table>
</dx:PanelContent>
</PanelCollection>
</dx:ASPxCallbackPanel>
<dx:ASPxTimer ID="ASPxTimer1" runat="server" Interval="30000">
<ClientSideEvents Tick="function(s, e) {
TimerCallbackPanel.PerformCallback("OnTimer");
}"></ClientSideEvents>
</dx:ASPxTimer>
</asp:Content>