diff --git a/source/_dashboards/conditional.markdown b/source/_dashboards/conditional.markdown index 276bad01362..7f6e891ffbb 100644 --- a/source/_dashboards/conditional.markdown +++ b/source/_dashboards/conditional.markdown @@ -6,7 +6,7 @@ description: The Conditional card displays another card based on conditions. related: - docs: /dashboards/cards/ title: Dashboard cards - - docs: /dashboards/cards/#show-or-hide-a-card-conditionally + - docs: /dashboards/cards/#showing-or-hiding-a-card-conditionally title: Conditional settings on the card's visibility tab --- @@ -17,7 +17,7 @@ The conditional card displays another card based on conditions. {% include dashboard/edit_dashboard.md %} Note that while editing the dashboard, the card will always be shown, so be sure to exit editing mode to test the conditions. -The conditional card can still be used. However, it is now possible to define a setting to show or hide a card conditionally directly on each card type, on its [Visibility](/dashboards/cards/#show-or-hide-a-card-conditionally) tab. +The conditional card can still be used. However, it is now possible to define a setting to show or hide a card conditionally directly on each card type, on its [Visibility](/dashboards/cards/#showing-or-hiding-a-card-conditionally) tab. Most options for this card can be configured via the user interface. diff --git a/source/dashboards/cards.markdown b/source/dashboards/cards.markdown index 44965b1aa52..2f93ed49cd0 100644 --- a/source/dashboards/cards.markdown +++ b/source/dashboards/cards.markdown @@ -53,10 +53,11 @@ A card can be added to a dashboard directly [from the view](#to-add-a-card-from- - Then, select **Continue**. ![Screenshot add cards by entity](/images/dashboards/dashboard_add-by-entity_02.png) -3. If you want this card to be visible only to specific users or under a certain condition, you can [define those conditions](#show-or-hide-a-card-conditionally). -4. If you like, define [card actions, features, header and footer widgets](#card-actions-features-header-and-footer-widgets). +3. If you want this card to be visible only to specific users or under a certain condition, you can [define those conditions](#showing-or-hiding-a-card-conditionally). +4. If you are adding this card to a [sections view](/dashboards/sections/), on the **Layout** tab, you can [resize the card](#resizing-a-card). +5. If you like, define [card actions, features, header and footer widgets](#card-actions-features-header-and-footer-widgets). - Not all cards support these elements. Refer to the documentation of the specific card type. -5. Select **Add to dashboard**. +6. Select **Add to dashboard**. ![Screenshot card suggestions](/images/dashboards/dashboard_add-by-entity_04.png) ### To add a card from the device page @@ -74,15 +75,16 @@ This method is useful if you are on the **Device** page and want to create a car - If you like the card proposal, select **Add to dashboard**. - If you want to change the card, **Pick different card** and choose your card type. - **Result**: The card is added to the selected view. - ![Add to Dashboard button on the device page](/images/dashboards/add_card_from_device_page_02.png) + ![Add to Dashboard button on the device page](/images/dashboards/add_card_from_device_page_02.png) 5. To edit the card configuration, open the view to which you added the card. - Select **Edit card**. -6. If you want this card to be visible only to specific users or under a certain condition, you can [define those conditions](#show-or-hide-a-card-conditionally). +6. If you want this card to be visible only to specific users or under a certain condition, you can [define those conditions](#showing-or-hiding-a-card-conditionally). +7. If you are adding this card to a [sections view](/dashboards/sections/), on the **Layout** tab, you can [resize the card](#resizing-a-card). -7. If you like, define [card actions, features, header and footer widgets](#card-actions-features-header-and-footer-widgets). +8. If you like, define [card actions, features, header and footer widgets](#card-actions-features-header-and-footer-widgets). - Not all cards support these elements. Refer to the documentation of the specific card type. -## Show or hide a card conditionally +## Showing or hiding a card conditionally You can choose to show or hide certain cards based on different conditions. The [available conditions](/dashboards/conditional/#card-conditions) are the same as the ones for the conditional card. @@ -92,6 +94,17 @@ You can choose to show or hide certain cards based on different conditions. The 2. Select the type of condition, and enter the parameters. - If you define multiple conditions, the section is only shown when all conditions are met. - If you did not define any conditions, the section is always shown, to all users. +3. Select **Save**. + +## Resizing a card + +In [sections view](/dashboards/sections/), you can resize cards. Follow these steps: + +1. On the **Layout** tab, move the sliders to adjust the card size. + - Don't see a **Layout** tab? The picture elements card does not support that yet. + ![Screenshot of the Layout tab in the card dialog](/images/dashboards/card_resize.png) + +2. Select **Save**. ## Card actions, features, header and footer widgets diff --git a/source/images/dashboards/card_resize.png b/source/images/dashboards/card_resize.png new file mode 100644 index 00000000000..a9852b50e54 Binary files /dev/null and b/source/images/dashboards/card_resize.png differ