# Custom Modebar Button in Dash

**URL:** <https://community.plotly.com/t/custom-modebar-button-in-dash/6341>\
**Category:** Dash Python\
**Created:** [October 17, 2017, 10:10pm UTC](https://community.plotly.com/t/custom-modebar-button-in-dash/6341 "2017-10-17T22:10:38Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![rifland](https://sea2.discourse-cdn.com/flex024/user_avatar/community.plotly.com/rifland/32/1825_2.png) [@rifland](https://community.plotly.com/u/rifland)\
**Post date:** [October 17, 2017, 10:10pm UTC](https://community.plotly.com/t/custom-modebar-button-in-dash/6341/1 "2017-10-17T22:10:38Z")

</div>

Is it possible to create custom modebar buttons for graphs in Dash?

For example, what is the equivalent Dash implementation of this: [https://codepen.io/ifland/pen/RLEogK](https://codepen.io/ifland/pen/RLEogK)

---

<div class="post-metadata">

**Author:** ![chriddyp](https://sea2.discourse-cdn.com/flex024/user_avatar/community.plotly.com/chriddyp/32/16855_2.png) [@chriddyp](https://community.plotly.com/u/chriddyp)\
**Post date:** [October 18, 2017, 12:51am UTC](https://community.plotly.com/t/custom-modebar-button-in-dash/6341/2 "2017-10-18T00:51:27Z")

</div>

This is not possible right now. You can see how the `Graph` component is calling the `plotly.js` methods here: [https://github.com/plotly/dash-core-components/blob/b7f776f4aa15be3dae160a4df7b011a4eaa7f425/src/components/Graph.react.js#L66-L78](https://github.com/plotly/dash-core-components/blob/b7f776f4aa15be3dae160a4df7b011a4eaa7f425/src/components/Graph.react.js#L66-L78)

The rest of the modebar config options are outlined in this forum post: [Is it possible to hide the floating toolbar?](https://community.plotly.com/t/is-it-possible-to-hide-the-floating-toolbar/4911/7?u=chriddyp)

---

<div class="post-metadata">

**Author:** ![Vlad](https://sea2.discourse-cdn.com/flex024/user_avatar/community.plotly.com/vlad/32/1369_2.png) [@Vlad](https://community.plotly.com/u/Vlad)\
**Post date:** [December 9, 2017, 6:25pm UTC](https://community.plotly.com/t/custom-modebar-button-in-dash/6341/3 "2017-12-09T18:25:12Z")

</div>

I am also interested in custom toolbar button, or more precisely, in changing the behaviour of the default “save to png” button, to override height/width so that produced images are high-dpi and can be inserted into slides: [https://codepen.io/volodymyrk/pen/EbqLYK](https://codepen.io/volodymyrk/pen/EbqLYK)  
However, javascript complains about missing “click” binding. I guess we have to wait for dash support of this plotly.js feature.

---

<div class="post-metadata">

**Author:** ![blabberbox](https://avatars.discourse-cdn.com/v4/letter/b/58956e/32.png) [@blabberbox](https://community.plotly.com/u/blabberbox)\
**Post date:** [February 20, 2019, 4:02pm UTC](https://community.plotly.com/t/custom-modebar-button-in-dash/6341/4 "2019-02-20T16:02:56Z")

</div>

I’m also interested in this. @chriddyp is it available now?

---

<div class="post-metadata">

**Author:** ![giulianopenido](https://avatars.discourse-cdn.com/v4/letter/g/b5e925/32.png) [@giulianopenido](https://community.plotly.com/u/giulianopenido)\
**Post date:** [April 19, 2020, 11:42pm UTC](https://community.plotly.com/t/custom-modebar-button-in-dash/6341/5 "2020-04-19T23:42:11Z")

</div>

Is it possible to use an extern JS file using plotly associated to Dash application??