# UI Controls while embed the dashboard into my application

**URL:** <https://discuss.elastic.co/t/ui-controls-while-embed-the-dashboard-into-my-application/361848>\
**Category:** Kibana\
**Tags:** kql-kibana-query-language, dashboard, visualisation\
**Created:** [June 21, 2024, 12:03pm UTC](https://discuss.elastic.co/t/ui-controls-while-embed-the-dashboard-into-my-application/361848 "2024-06-21T12:03:11Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![Anupama2262](https://avatars.discourse-cdn.com/v4/letter/a/8edcca/32.png) [@Anupama2262](https://discuss.elastic.co/u/Anupama2262)\
**Post date:** [June 21, 2024, 12:03pm UTC](https://discuss.elastic.co/t/ui-controls-while-embed-the-dashboard-into-my-application/361848/1 "2024-06-21T12:03:11Z")

</div>

I have two doubts

1. I've created a dashboard that displays the top 50 users. When I query for results of just one user, using a bar-vertical-stacked chart, the bar representing that user becomes excessively large. Is there a way to manage or control this size?

 ![image](https://us1.discourse-cdn.com/elastic/original/3X/0/d/0d1cbbaacba35d58896e4a28854325f698624007.png)  
 ![image](https://us1.discourse-cdn.com/elastic/original/3X/8/8/88a6f739513a88ad5b0574f248baf374a2bc9dfb.png)

Because if I embed this into my application it becomes more clumsy

1. After embedding my dashboard into my application using the generated embed code and switching it to view mode, everything displays as expected. However, when I make edits directly in Kibana, the dashboard temporarily shows buttons like "Create Visualization" and "Add Controls" until I switch it back to view mode. Unfortunately, these buttons also appear in the embedded dashboard within my application, which I'd like to prevent. Is there a way to control or manage this behavior?

In view mode, the dashboard embedded in my application

 ![image](https://us1.discourse-cdn.com/elastic/original/3X/e/7/e7f5e9590648b9c7e559e47648f0545b4ae403ea.png)

In edit mode, the dashboard embedded in my application

 ![image](https://us1.discourse-cdn.com/elastic/original/3X/5/2/52976873ef3e9021ac86eae96ef857f1756f4562.png)

---

<div class="post-metadata">

**Author:** ![carly.richmond](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/carly.richmond/32/104935_2.png) [@carly.richmond](https://discuss.elastic.co/u/carly.richmond)\
**Post date:** [June 21, 2024, 12:49pm UTC](https://discuss.elastic.co/t/ui-controls-while-embed-the-dashboard-into-my-application/361848/2 "2024-06-21T12:49:03Z")

</div>

Hi @Anupama2262,

Thanks for reaching out. In terms of your questions:

1. Currently there is not a way to do this. What you want to do sounds similar to this [feature request](https://github.com/elastic/kibana/issues/147847), so it might be worth watching the issue to see if it is developed in the future.
2. I would recommend taking a look at [this blog](https://www.elastic.co/blog/how-to-embed-kibana-dashboards) on embedding Kibana dashboards as it gives an overview of the configuration options for embedded dashboards. But to hide the top set of controls you need to include `show-top-menu=true` in the URL used in your iframe.

Hope that helps!