Hello,<br><br>I would like to know, if WPF elements, like gauges, bars etc., are supported by HTML5.<br><br>Thank you in advance for your answer.
Printable View
Hello,<br><br>I would like to know, if WPF elements, like gauges, bars etc., are supported by HTML5.<br><br>Thank you in advance for your answer.
Dear grzegorz_kaczmarczyk,<br><br>Unfortunate ly, AddOn’s like ActiveX or WPF Elements are not supported by the HTML5 technology.<br><br>You can find the list of functionalities and elements supported in HTML5 in the documentation topic (inc. subtopics) below:<br><br><em>Manual > HTML Web Engine > Engineering in the Editor > Supported functionalities for HTML visualization<br></em><br>Good luck.<br><br>Best regards,<br>DC
<div>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.</div><div><br></div><div>Hide Shrink Copy Code</div><div><!--Black Gauge --></div><div><gauge:CircularGaugeControl x:Name="myGauge1" </div><div> Grid.Column="0" Grid.Row="0" </div><div> Radius="150" </div><div> ScaleRadius="110" </div><div> ScaleStartAngle="120" </div><div> ScaleSweepAngle="300"</div><div> PointerLength="85" </div><div> PointerCapRadius="35" </div><div> MinValue="0" </div><div> MaxValue="1000" </div><div> MajorDivisionsCount="10" </div><div> MinorDivisionsCount="5" </div><div> CurrentValue="{Binding Score}"</div><div> ImageSource="silverlightlogo.png"</div><div> ImageSize="60,50"</div><div> RangeIndicatorThickness="8"</div><div> RangeIndicatorRadius="120"</div><div> RangeIndicatorLightRadius="10"</div><div> RangeIndicatorLightOffset="80"</div><div> ScaleLabelRadius="90"</div><div> ScaleLabelSize="40,20"</div><div> ScaleLabelFontSize="10"</div><div> ScaleLabelForeground="LightGray"</div><div> MajorTickSize="10,3"</div><div> MinorTickSize="3,1"</div><div> MajorTickColor="LightGray"</div><div> MinorTickColor="LightGray"</div><div> ImageOffset="-50"</div><div> GaugeBackgroundColor="Black"</div><div> PointerThickness ="16"</div><div> OptimalRangeStartValue="300"</div><div> OptimalRangeEndValue="700" </div><div> DialTextOffset="40" </div><div> DialText="Black"</div><div> DialTextColor="Black"> </div><div></gauge:CircularGaugeControl></div><div>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.</div>