Boolean Display
***********************

The widget enables the user to set boolean values by using a switch button.

Widget setting 
===============

The following image shows an example of a widget setting.

\ |IMG1|\ 

It is possible to customize the widget settings from the inspector panel (in edit mode), as shown below:

+-------------------------+------------------------------------------------------------------------------------------------------+
|Input value              |Description                                                                                           |
+=========================+======================================================================================================+
|Device                   |Type in a device name (or * to list all devices)                                                      |
+-------------------------+------------------------------------------------------------------------------------------------------+
|Attribute                |Once a device is selected, type in an attribute name (or * to list all available attributes)          |
+-------------------------+------------------------------------------------------------------------------------------------------+
|Attribute Display        |Select the Label, Name, or None for the attribute                                                     |
+-------------------------+------------------------------------------------------------------------------------------------------+
|Device Name              |Displays the device name when enabled                                                                 |
+-------------------------+------------------------------------------------------------------------------------------------------+
|Show Tango Database Name |Displays the tango database name when enabled                                                         |
+-------------------------+------------------------------------------------------------------------------------------------------+
|Align Switch Right       |Aligns the switch to the right when enabled                                                           |
+-------------------------+------------------------------------------------------------------------------------------------------+
|Custom CSS               |Write custom CSS for the widget container. The syntax is the same as standard CSS used in HTML files  |
+-------------------------+------------------------------------------------------------------------------------------------------+
|On State CSS             |Write custom CSS for the on state. The syntax is the same as standard CSS used in HTML files          |
+-------------------------+------------------------------------------------------------------------------------------------------+ 
|Off State CSS            |Write custom CSS for the off state. The syntax is the same as standard CSS used in HTML files         |
+-------------------------+------------------------------------------------------------------------------------------------------+

Applying CSS to widget
======================

\ |IMG3| \

The CSS rules written in the ``Custom CSS`` section are applied to the widget as shown below:

\ |IMG4|\ 


.. bottom of content

.. |IMG1| image:: _static/img/boolean_display_widget_settings.png
   :height: 617 px
   :width: 293 px

.. |IMG2| image:: _static/img/boolean_display_widget.png
   :height: 44 px
   :width: 282 px

.. |IMG3| image:: _static/img/boolean_display_css_setting.png
   :height: 381 px
   :width: 293 px

.. |IMG4| image:: _static/img/boolean_display_css_output.png
   :height: 58 px
   :width: 277 px