# Custom ordering of graphics in portrait mode (short width page)

**URL:** <https://discuss.elastic.co/t/custom-ordering-of-graphics-in-portrait-mode-short-width-page/316002>\
**Category:** Kibana\
**Created:** [October 6, 2022, 6:26pm UTC](https://discuss.elastic.co/t/custom-ordering-of-graphics-in-portrait-mode-short-width-page/316002 "2022-10-06T18:26:22Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![victorhmorales](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/victorhmorales/32/111751_2.png) [@victorhmorales](https://discuss.elastic.co/u/victorhmorales)\
**Post date:** [October 6, 2022, 6:26pm UTC](https://discuss.elastic.co/t/custom-ordering-of-graphics-in-portrait-mode-short-width-page/316002/1 "2022-10-06T18:26:22Z")

</div>

Hello,

When I reduce the page width during preview mode, the graphic reorder their position in a single column (portrait preview). The order in this column is determined by the graphic distribution when on wide page (original position in the dashboard).

Is it possible to customize the graphic order when in short page (portrait mode)?

---

<div class="post-metadata">

**Author:** ![bhavyarm](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/bhavyarm/32/22392_2.png) [@bhavyarm](https://discuss.elastic.co/u/bhavyarm)\
**Post date:** [October 7, 2022, 3:57pm UTC](https://discuss.elastic.co/t/custom-ordering-of-graphics-in-portrait-mode-short-width-page/316002/2 "2022-10-07T15:57:05Z")

</div>

Hello Victor,

I am sorry. But I am not sure if I get your question? Can you please post some screenshots? Also which part of Kibana? On dashboards? Other applications?

Thanks?

---

<div class="post-metadata">

**Author:** ![victorhmorales](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/victorhmorales/32/111751_2.png) [@victorhmorales](https://discuss.elastic.co/u/victorhmorales)\
**Post date:** [October 14, 2022, 2:14pm UTC](https://discuss.elastic.co/t/custom-ordering-of-graphics-in-portrait-mode-short-width-page/316002/3 "2022-10-14T14:14:46Z")

</div>

Hi, thanks for the reply!

I'm running Elasticsearch 8.4.3

I'm in view mode\* of dashboard. The first screenshot shows the dashboard in full width and the second and third shots show it in a smaller width (similar to the portrait view on mobile/table/ipad).

Thus, the position of the charts in portrait view are aligned in a single column. The order is defined by the original position of the charts when in full width. EX: 1) the time-distribution graph goes between the word "transoperatorio" and the metric "anestesia, while 2) the table "principais procedimentos" goes between the metric "cancelamentos" and the metric "convênios médicos".

I can infer that the vertical alignment of the charts when in original position (full width) leads the order when in portrait mode (smaller width).

Is there a way to customize the order in portrait view? For example, leave the "principais procedimentos" table below all six metrics.

 ![wide](https://us1.discourse-cdn.com/elastic/original/3X/7/a/7a058db8c570a79b104c8c5d1e5769dbce68bb5f.png)  
 ![Short1](https://us1.discourse-cdn.com/elastic/original/3X/f/1/f1602ca48160dcccb2dbaf62d5081a0b619cc6e8.png)  
 ![Short2](https://us1.discourse-cdn.com/elastic/original/3X/f/e/fe13bcb9641d32c248137173f1b3dfd0dbc6ef52.png)

---

<div class="post-metadata">

**Author:** ![victorhmorales](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/victorhmorales/32/111751_2.png) [@victorhmorales](https://discuss.elastic.co/u/victorhmorales)\
**Post date:** [October 28, 2022, 5:19pm UTC](https://discuss.elastic.co/t/custom-ordering-of-graphics-in-portrait-mode-short-width-page/316002/5 "2022-10-28T17:19:09Z")

</div>

Hi,

Please let me know if the message is still unclear  
=)

---

<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:** [November 25, 2022, 5:34am UTC](https://discuss.elastic.co/t/custom-ordering-of-graphics-in-portrait-mode-short-width-page/316002/6 "2022-11-25T05:34:20Z")

</div>



---

<div class="post-metadata">

**Author:** ![bhavyarm](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/bhavyarm/32/22392_2.png) [@bhavyarm](https://discuss.elastic.co/u/bhavyarm)\
**Post date:** [December 19, 2022, 6:34pm UTC](https://discuss.elastic.co/t/custom-ordering-of-graphics-in-portrait-mode-short-width-page/316002/7 "2022-12-19T18:34:42Z")

</div>

cc @devon.thomson / @Hannah_Mudge any ideas?

Thanks,  
Bhavya

---

<div class="post-metadata">

**Author:** ![Hannah\_Mudge](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/hannah_mudge/32/107993_2.png) [@Hannah\_Mudge](https://discuss.elastic.co/u/Hannah_Mudge)\
**Post date:** [December 19, 2022, 6:56pm UTC](https://discuss.elastic.co/t/custom-ordering-of-graphics-in-portrait-mode-short-width-page/316002/8 "2022-12-19T18:56:36Z")

</div>

@bhavyarm @victorhmorales This is not currently possible. When in portrait/mobile view, the order of the panels is determined from top-to-bottom, left-to-right. In other words, the **vertical** position of the charts takes higher priority than the **horizontal** position - that is why the line chart in the example appears below the `"transoperatorio"` label, because they are both on the same vertical level.

Because we are currently using a third party library for our grid layout, we do not have direct control over how panels are rendered in mobile view. However, if this is a common request, it is something we could consider adding support for as part of our [collapsible panels](https://github.com/elastic/kibana/issues/85824) initiative 👍

---

<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:** [January 16, 2023, 6:57pm UTC](https://discuss.elastic.co/t/custom-ordering-of-graphics-in-portrait-mode-short-width-page/316002/9 "2023-01-16T18:57:10Z")

</div>

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