# When dashbaord is rendered by value the maximize panel option for visualisation is not working

**URL:** https://discuss.elastic.co/t/when-dashbaord-is-rendered-by-value-the-maximize-panel-option-for-visualisation-is-not-working/311791
**Category:** Kibana
**Tags:** kibana-plugin-development
**Created:** [August 10, 2022, 5:53am UTC](https://discuss.elastic.co/t/when-dashbaord-is-rendered-by-value-the-maximize-panel-option-for-visualisation-is-not-working/311791 "2022-08-10T05:53:17Z")
**Posts on this page:** 4
**Page:** 1

<div class="post-metadata">

### Author: ![sanskar-panchal-gith](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/sanskar-panchal-gith/32/103339_2.png) [@sanskar-panchal-gith](https://discuss.elastic.co/u/sanskar-panchal-gith)
#### Post date: [August 10, 2022, 5:53am UTC](https://discuss.elastic.co/t/when-dashbaord-is-rendered-by-value-the-maximize-panel-option-for-visualisation-is-not-working/311791/1 "2022-08-10T05:53:17Z")

</div>

Hi ,

I am developing a kibana plugin to show a dashbaord and some other custom components.  
I am using function dashboard.getDashboardContainerByValueRenderer() where dashboard is of type DashboardStart.

I am able to see the dashboard but the maximize panel option on visualisations is not maximizing the visualisation. The maximize option is changed to minimize but nothing is changed in the UI.

I used the same approach as used in example plugin dashboard\_embeddable\_examples in kibana repo and even in this example I am not able to maximize panel.

Thanks

kibana version : 7.17.1  
I am using dev env with "yarn es snapshot" and "yarn start --run-examples".

I have attached screenshots of example plugin.

 ![Screenshot from 2022-08-10 11-20-49](https://us1.discourse-cdn.com/elastic/original/3X/f/f/ff4888168e05be1162aa6624497a4fafd9eb0d9b.png)  
 ![Screenshot from 2022-08-10 11-20-59](https://us1.discourse-cdn.com/elastic/original/3X/1/0/10103525ff905c29f38287d4ec804d95dc31a67d.png)

---

<div class="post-metadata">

### Author: ![rashmi](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/rashmi/32/16391_2.png) [@rashmi](https://discuss.elastic.co/u/rashmi)
#### Post date: [August 12, 2022, 10:21pm UTC](https://discuss.elastic.co/t/when-dashbaord-is-rendered-by-value-the-maximize-panel-option-for-visualisation-is-not-working/311791/2 "2022-08-12T22:21:15Z")

</div>

[johannes.reuter@elastic.co](mailto:johannes.reuter@elastic.co) can throw some light when he gets a chance.

---

<div class="post-metadata">

### Author: ![sanskar-panchal-gith](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/sanskar-panchal-gith/32/103339_2.png) [@sanskar-panchal-gith](https://discuss.elastic.co/u/sanskar-panchal-gith)
#### Post date: [September 5, 2022, 5:53am UTC](https://discuss.elastic.co/t/when-dashbaord-is-rendered-by-value-the-maximize-panel-option-for-visualisation-is-not-working/311791/3 "2022-09-05T05:53:23Z")

</div>

It is resolved now ,  
There are two css class responsible for maximizing and minimizing panels ,  
which if added to index.scss file , the functionality starts working.

these are the two css classes to add :

````auto
.dshDashboardGrid__item--expanded {
    height: 100% !important;
    width: 100% !important;
    top: 0 !important;
    left: 0 !important;
}

.dshDashboardGrid__item--hidden {
    display: none;
}```
````

---

<div class="post-metadata">

### Author: ![system](https://us1.discourse-cdn.com/elastic/original/3X/1/a/1ac57faf039f6b580b3f104ef42a2a89e41014de.png) [@system](https://discuss.elastic.co/u/system)
#### Post date: [October 3, 2022, 5:54am UTC](https://discuss.elastic.co/t/when-dashbaord-is-rendered-by-value-the-maximize-panel-option-for-visualisation-is-not-working/311791/4 "2022-10-03T05:54:10Z")

</div>

This topic was automatically closed 28 days after the last reply. New replies are no longer allowed.