12.1.2.1.1.10.1.1. Appearance

In the Appearance tab, users can customize the visual appearance of the gauge control.

*All color pickers in this window feature three tabs, providing users with the ability to select colors either by manipulating sliders or input fields in the RGBA color picker or by choosing from a scrollable list of pre-defined options. For more information on these tabs, please refer to the description below for the First Color field.

1. Gauge Area Background Properties: In this section, users can configure the visual properties related to the gauge area background.
   • First Color: This is a color picker that allows users to choose the first color in the gradient that defines the background of the gauge area.
     • It contains three tabs: Tab Pages, Web, and System.
       
       • In the Tab Pages tab, users can select a gradient color by manipulating sliders or input fields for each color channel in the RGBA color picker.
         

         **With an RGBA color picker, users can specify not only the red, green, and blue (RGB) values but also the alpha channel value (A), which controls the transparency or opacity of the color.

       • In the Web tab, users can select a gradient color from a scrollable list. The list displays a range of specific colors, each with its own name, allowing users to easily choose from pre-defined options.
       • In the System tab, users can select a gradient color from a scrollable list. The list displays a range of specific colors, each with its own name, allowing users to easily choose from pre-defined options.
   • Second Color: This is a color picker that allows users to choose the second color in the gradient that defines the background of the gauge area.

     • Gauge Gradient Colors Preview: Web View

   • Gradient Gauge: This field allows users to choose the gradient style of the gauge area background from a dropdown menu.

     • Gauge Gradient Style Preview: Web View

   • Hatching Gauge: This field allows users to choose a specific hatching pattern for the gauge area background from a dropdown menu.

     • Gauge Hatching Pattern Preview: Web View

   • Border Color: This is a color picker that allows users to choose the border color of the gauge control.

     • Gauge Border Color Preview: Web View

   • Border Style: This field allows users to choose a border style for the control from a dropdown menu.

     • Gauge Border Style Preview: Web View

   • Border Width: This is a numeric updown field that allows users to set the width of the control’s border.
     • Users can enter numbers into this field either manually or by clicking the increment/decrement arrows.

     • Gauge Border Width Preview: Web View

2. Gauge Background: In this section, users can customize the visual properties related to the gauge background.
   • First Color: This is a color picker that allows users to choose the color of the gauge background.

     • Gauge Background Color Preview: Web View

   • Back Frame: This field allows users to choose the shape of the control’s background frame from a dropdown menu.

     • Gauge Background Frame Preview: Web View

   • Frame Style: This field allows users to choose the style of the control’s background frame from a dropdown menu.

     • Gauge Background Frame Style Preview: Web View

       • Edged vs. Simple vs. None
         

   • Frame Color: This is a color picker that allows users to choose the color of the control’s background frame.

     • Gauge Background Frame Color Preview: Web View

   • Glassy: This is a checkbox which, if selected, allows users to apply a glassy effect to the gauge background, adding a glossy or reflective texture to the overall appearance.

     • Gauge Glassy Effect Preview: Web View