******************
Avantec widgets
******************

Widget list
===============

.. _Entities cards:

.. Entities cards
.. ---------------

.. include:: /extension/avantec-widgets/entities-cards.rst



RPC button with params & response
----------------------------------

Control widget.

For Server-side RPC.

.. image:: /_static/extension/avantec-widgets/rpc-button-with-params--response-1.png


Segmented switch of boolean value
-----------------------------------

Control widget.

.. image:: /_static/extension/avantec-widgets/segmented-switch-of-boolean-value-1.png


Segmented switch of string value
--------------------------------

Control widget.

.. image:: /_static/extension/avantec-widgets/segmented-switch-of-string-value-1.png


Select double value from flexible options
--------------------------------------------------------

Control widget.

*Deprecated!*

.. image:: /_static/extension/avantec-widgets/select-double-value-from-flexible-options-1.png


Select double value from flexible options (New)
------------------------------------------------

Control widget.

.. image:: /_static/extension/avantec-widgets/select-double-value-from-flexible-options-new-1.png


Select double value from flexible options with pattern key
------------------------------------------------------------

Control widget.

Some parameters of this widget can be appended with a suffix for programming time.

.. image:: /_static/extension/avantec-widgets/select-double-value-from-flexible-options-with-pattern-key-1.png


Select time zone value
------------------------

Control widget.

.. image:: /_static/extension/avantec-widgets/select-timezone-value-1.png


Setting list
-------------

Control widget.

.. image:: /_static/extension/avantec-widgets/setting-list-1.png


Simple Attributes Card
------------------------

Latest values widget.

This widget can display the attributes of devices.

.. image:: /_static/extension/avantec-widgets/simple-attributes-card-1.png


Simple state params card
------------------------

Control widget.

This widget can display the state parameters of the Dashboard.

.. image:: /_static/extension/avantec-widgets/simple-state-params-card-1.png


Styled button of string value
--------------------------------

Control widget.

.. image:: /_static/extension/avantec-widgets/styled-button-of-string-value-1.png


Styled button of string value with pattern key
------------------------------------------------

Control widget.

.. image:: /_static/extension/avantec-widgets/styled-button-of-string-value-with-pattern-key-1.png


Buttons navigation bar
------------------------

Control widget.

.. image:: /_static/extension/avantec-widgets/buttons-navigation-bar-1.png


Tabs navigation bar
-------------------

Control widget.

.. image:: /_static/extension/avantec-widgets/tabs-navigation-bar-1.png


Update shared string attribute with segmented switch 
-----------------------------------------------------

Latest values widget.

.. image:: /_static/extension/avantec-widgets/update-shared-string-attribute-with-segmented-switch-1.png


Update time value
------------------

Control widget.

.. image:: /_static/extension/avantec-widgets/update-time-value-1.png


Update time value with pattern key
-----------------------------------

Control widget.

Some parameters of this widget can be appended with a suffix for programming time.

.. image:: /_static/extension/avantec-widgets/update-time-value-with-pattern-key-1.png


.. _Import Avantec Widgets:

Import Avantec Widgets
========================

.. tip:: 
   Avantec_widgets.json can only be imported once. If you have already imported it, you do not need and cannot repeat the import.

   If you have already imported it, you can skip this step or `Update Avantec Widgets`_.

* Download :download:`avantec_widgets.json </configuration-item/widgets/avantec_widgets.json>`.

* **Widgets Library** --> **+** --> **Import widgets bundle** --> **Popup dialog: Import widgets bundle** --> Drag and drop **avantec_widgets.json** --> **Import**.

.. image:: /_static/extension/avantec-widgets/import-avantec-widgets-1.png

* **Widgets Library** --> click **Avantec widgets**

.. image:: /_static/extension/avantec-widgets/import-avantec-widgets-2.png

* All Avantec widgets

.. image:: /_static/extension/avantec-widgets/import-avantec-widgets-3.png

.. _Update Avantec Widgets:

Update Avantec Widgets
==========================

.. |icon_delete| image:: /_static/extension/avantec-widgets/icon-delete.png
    :scale: 100%

* First, Delete Avantec Widgets: **Widgets Library** --> Click |icon_delete| in the row of `Avantec widgets` --> **Popup dialog: Are you sure you want to delete ...?** --> **Yes**.

.. image:: /_static/extension/avantec-widgets/delete-avantec-widgets-1.png

* Next, `Import Avantec Widgets`_.