Showing results 1 to 3 of 3

Thread: WPF elements in HTML5

Hybrid View

Previous Post Previous Post   Next Post Next Post
  1. #1
    Join Date
    01.07.2019
    Posts
    15

    Default WPF elements in HTML5

    Hello,

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

    Thank you in advance for your answer. 

  2. #2
    Join Date
    25.06.2012
    Posts
    157
    Best Answer

    Default Re: WPF elements in HTML5

    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

  3. #3
    Join Date
    05.01.2021
    Posts
    1

    Default Re: WPF elements in HTML5

    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.

Similar Threads

  1. HTML5 und Redundanz
    By horstd in forum HTML5 (Client & Configuration)
    Replies: 4
    Last Post: 7th August 2019, 14:00
  2. Redundancy & HTML5
    By joelprasad in forum HTML5 (Client & Configuration)
    Replies: 0
    Last Post: 5th August 2019, 15:03
  3. Problem Facing on HTML5
    By AJAY KUMAR CHEKKA in forum zenon Service Engine Supervisor
    Replies: 0
    Last Post: 29th April 2019, 09:28
  4. HTML picture supporting HTML5 and CANVAS
    By maurodx in forum zenon Service Engine Supervisor
    Replies: 1
    Last Post: 25th November 2015, 16:29

Posting Rules

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •