Skip to content

Commit

Permalink
Merge pull request #26 from irefas/patch-8
Browse files Browse the repository at this point in the history
Update index.rst
  • Loading branch information
Redjaw committed Jan 25, 2019
2 parents 16b536f + 3afc6e6 commit 2092215
Showing 1 changed file with 22 additions and 12 deletions.
34 changes: 22 additions & 12 deletions functionalities-guide/cockpit/index.rst
Original file line number Diff line number Diff line change
Expand Up @@ -385,17 +385,11 @@ Switching to the “Style” tab you can find the general style settings availab

Border settings.

- In the **Shadows** section you can add a shadow to widget layout and indicate its measure.
- In the **Other Options** section you can add a shadow to widget layout and indicate its measure, color the widget background at convenience and it is possible to disable or enable the screenshot option for that particular widget.

.. figure:: media/image183.png

Shadow settings.

- In the **Background color** section you can color the widget background at convenience.

.. figure:: media/image184.png

Background color.
Other Options for crosstab.

Once some or all (at least the mandatory) of the above mentioned setting features have been set you can save and the widget will be inserted into the cockpit area.

Expand Down Expand Up @@ -448,9 +442,15 @@ The **Selector Widget** is useful when an end user (a user with a USER tole type

Selector widget outlook.

In detail, use the **Columns** tab to select the dataset and the dataset column on which you want to apply the filter. Then custom the **Select modality** options; for instance, choose between single or multivalue or to use a list or a combobox. Note that for the list option you can further Selector Widget choose among “vertical”, “horizontal” or “grid”. Finally, you can decide to add a dafault value, chosen from main column’s first item, main column’s last item or to simply assign a static value.
In detail, use the **Columns** tab to select the dataset and the dataset column on which you want to apply the filter. Then custom the **Select modality** options; for instance, choose between single or multivalue or to use a list or a combobox. Note that for the list option you can further choose among “vertical”, “horizontal” or “grid”. You can also decide to add a dafault value, chosen from main column’s first item, main column’s last item or to simply assign a static value. Finally, by clicking on the Wrap Text option it is possible to wrap the text shown in the selector; this option is useful when the categories to choose from are sting of long dimensions.

In the case of the selector of type list "grid" it is also possible to set the grid columns width.

Move to the **Style** tab to set the widget style in terms of: titles, borders, shadows and background color. Figure below shows a customization example.
.. figure:: media/image304.png

Grid columns width.

Move to the **Style** tab to set the widget style in terms of: label, titles, borders, shadows and background color. Figure below shows a customization example.

.. figure:: media/image189.png

Expand Down Expand Up @@ -491,12 +491,20 @@ In the editor tab is possible to add the code that will be shown in the widget.
In the right side of the editor is possible to take available tags to copy inside the code, those tags will be explained in details in the following paragraphs. Is not possible to add custom Javascript code inside the html editor, so the available tags are the tools to make the widget dynamic and to use the dataset data.

The Dataset tab allows the user to select a dataset to make the Widget dynamic and to bind it to dataset data.
After choosing a dataset the list of available columns will be show. Those names will be useful inside the dynamic tags.
After choosing a dataset the list of available columns will be show. Those names will be useful inside the dynamic tags. Here it is also possible to order the dataset according to a column and to select the ordering type (ascendig or descending).

.. figure:: media/image209.png

Dataset selection

By clicking on the icon |image302| of a specific column the dataset will be ordered by that column by default by ascending order. In order to select the descending ordering type you have to click another time on the icon (the icon will be now like this |image303|).

.. |image302| image:: media/image302.png
:width: 30

.. |image303| image:: media/image303.png
:width: 30

**Available Tags**

``[kn-column='COLUMN-NAME' row='COLUMN-ROW-NUMBER' aggregation='COLUMN-AGGREGATION' precision='COLUMN-DECIMALS']``
Expand Down Expand Up @@ -570,7 +578,9 @@ If the tag is needed for some specific behaviour (ie. the button default hover),
<service baseurl="https://www.youtube.com" />
<service relativepath="/knowage/themes/" />
</WHITELIST>
Like other widgets the "Style" tab and the "Filters" tab are available in order to set the general style options for the widget and to filter the results displayed in the HTML widget.

Widget properties
~~~~~~~~~~~~~~~~~~

Expand Down

0 comments on commit 2092215

Please sign in to comment.