Plotly JS : How to use custom HTML Buttons instead of Modebar Tools?

[AIMPED]

Hey @YunYun welcome to the forums. Does this help?

Custom Modebar Button Ordering

Hi all, I’m fairly new to Plotly, and this is my post in the community. I’ve added a custom button to the modebar using ‘modeBarButtonsToAdd’. The button works fine, but I can’t find a way to change the ordering - as it stands, any custom added button appears at the right of the modebar. Is there any way to change this? I just want it to appear at the left of the modebar. Example of the code: var otherSettings = { modeBarButtonsToAdd: [{ name: ‘Name’, title: ‘Title’, icon: Plotly.Icons.ca…