Dave's Silverlight Dashboards and gauges

DiamondSlider

The DiamondSlider is another eample of a progress / degree of completeion gauge. In its default state it looks like the following

 
        <db:DiamondSlider Value="50" />

By default the background is a gradient with green as the left color, yellow at the mid pont and red at the right. These colors can of course be modified via markup or code.

THe following propertes exist

  • DiamondColor - the fill color of the diamond, SlateBlue in the example above
  • LeftGradient (Green by default)
  • MidGradient (Yellow by default)
  • RightGradient (Red by default)

Here is an example that shows all of the properties in action. We only show the markup for a single instance but show three to allow you to see the effect of the gradient range. My freezer has a thermometer that looks just like this.

        <db:DiamondSlider Value="0" 
            DiamondColor="AntiqueWhite"
            LeftGradient="AliceBlue"
            MidGradient="Beige"
            RightGradient="CornflowerBlue"
        />
Welcome page

Controls

  • DecadeVuMeter
  • Dial180
  • Dial360
  • DiamondSlider
  • FiveStarRanking
  • MatrixLedMarquee
  • Odometer
  • PerformanceMonitor
  • PlainThermometer
  • ProgressBar
  • RoundLed
  • SixteenSegmentLED
  • TickCross
  • WallThermometer

Bits and pieces

  • Bidirectional operation
  • Contacts and pages
  • Matrix font editor
Designed by Free CSS Templates, Thanks to Dubai Villas