WPF elements in HTML5

[grzegorz_kaczmarczyk]

Hello,

I would like to know, if WPF elements, like gauges, bars etc., are supported by HTML5.

Thank you in advance for your answer. 

[david.cerdeira]

Dear grzegorz_kaczmarczyk,

Unfortunately, AddOn’s like ActiveX or WPF Elements are not supported by the HTML5 technology.

You can find the list of functionalities and elements supported in HTML5 in the documentation topic (inc. subtopics) below:

Manual > HTML Web Engine > Engineering in the Editor > Supported functionalities for HTML visualization

Good luck.

Best regards,
DC

[ananyagupta]

In this section, I will explain how you can use the gauge control in your application. The easiest way to get started would be to copy this template code snippet in your project after referencing CircularGauge.dll and the CircularGauge namespace.

Hide   Shrink    Copy Code

<!--Black Gauge -->

<gauge:CircularGaugeControl x:Name="myGauge1" 

  Grid.Column="0" Grid.Row="0" 

  Radius="150" 

  ScaleRadius="110" 

  ScaleStartAngle="120" 

  ScaleSweepAngle="300"

  PointerLength="85" 

  PointerCapRadius="35" 

  MinValue="0" 

  MaxValue="1000" 

  MajorDivisionsCount="10" 

  MinorDivisionsCount="5" 

  CurrentValue="{Binding Score}"

  ImageSource="silverlightlogo.png"

  ImageSize="60,50"

  RangeIndicatorThickness="8"

  RangeIndicatorRadius="120"

  RangeIndicatorLightRadius="10"

  RangeIndicatorLightOffset="80"

  ScaleLabelRadius="90"

  ScaleLabelSize="40,20"

  ScaleLabelFontSize="10"

  ScaleLabelForeground="LightGray"

  MajorTickSize="10,3"

  MinorTickSize="3,1"

  MajorTickColor="LightGray"

  MinorTickColor="LightGray"

  ImageOffset="-50"

  GaugeBackgroundColor="Black"

  PointerThickness ="16"

  OptimalRangeStartValue="300"

  OptimalRangeEndValue="700" 

  DialTextOffset="40" 

  DialText="Black"

  DialTextColor="Black"> 

</gauge:CircularGaugeControl>

The CircularGauge control has several options to completely customize all its elements. Most of the property settings are intuitive to use, so I would discuss whatever I knew here. I also learn web designing course and HTML from CETPA.