---
title: "How to configure the display of elements in embedded dashboards?"
canonical: "https://onesaitplatform.refined.site/space/DOCT/2220792692/How%20to%20configure%20the%20display%20of%20elements%20in%20embedded%20dashboards%3F"
format: markdown
---
### Description

As of version 2.2.0-hyperblast, and for embedded dashboards, it is possible to configure in the initial styles of the dashboard, if the editing buttons and the editing and filtering options of the gadgets menu are shown.

![image](media://c4a078dd-a008-478c-8280-99b361b68e3c)


![image](media://7e71d0d7-35e4-4d22-836f-a9149b3d095a)


### Use

In order for the embedded dashboards to show or not the buttons according to the configuration that is required, you must access Dashboard Styles Management with an administrator user.

![image](media://9f74545a-5cee-427a-9cfc-2d8b4c9c689a)


Select the initial style to be modified, or create a new one.

![image](media://872f0655-ec7f-4ea2-9ab2-faba08631922)


To define the changes, add the following JSON fragment inside the primary curly brackets {} of the image's JSON.

![image](media://1f1ac46c-deac-4bc3-8c52-fbdbd2208b02)


```json
"editButtonsIframe": {
    "active": true,
    "trashButton": false,
    "closeButton": false,
    "configButton": true,
    "urlParameterButton": true,
    "dataLinkButton": true,
    "addElementButton": true,
    "moveToolBarButton": true,
    "editGadgetMenu": true,
    "filterGadgetMenu": true
  }
```

The different options within the JSON refer to:

- “active”: set to true, the configuration is taken into account and the buttons are displayed.
- “trashButton”: set to true, the delete button is displayed.
- “closeButton”: set to true, the close button is displayed.
- “configButton”: set to true, the configuration button that displays the style options and others are displayed.
- “urlParameterButton”: set to true, the parameter-by-URL button is displayed.
- “dataLinkButton”: set to true, the dataLink button is displayed.
- “addElementButton”: set to true, the add-elements button that allows adding gadgets is displayed.
- “moveToolBarButton”: set to true, the button to move the buttons sideways and allow better development of the dashboard is displayed.
- “editGadgetMenu”: set to true, when displaying the gadget options, the edit button of the gadget is displayed.
- “filterGadgetMenu”: set to true, when displaying the gadget options, the button to edit the gadget filters is displayed.

As of version **3.2.1-legend**, two new options have been added:

- “removeGadgetMenu”: false, // set to false, when editing from URLs ending in iFrame, the gadget's remove icon is not displayed.
- “stylingGadgetMenu”: false // set to false, when editing from URLs ending in iFrame, the gadget's style icon is not displayed.

Resulting in something like this:

![image](media://75547473-2633-4cb9-995d-a60e2f447e9a)


After adding the JSON with the desired configuration, save the initial style of the dashboard and, when dashboards are created, they will take the defined configuration. In this example, the default style was added when opening the dashboard in an embedded way, showing the buttons as indicated, in this case without showing the close or delete buttons.

![image](media://e9f17dfc-9000-4284-9f7c-cb5cd85dbcc1)


![image](media://32c2ff9e-539b-490f-8585-8a79f02822a3)