You are viewing limited content. For full access, please sign in.

Question

Question

Changing button order

Forms Forms Layout Designer
Updated January 14
asked on January 14 • Show version history

Hello.  I wanted to see if there is JS code out there to be able to rearrange the order of the buttons at the bottom of a form.  I have four buttons and you can't rearrange them from the designer.  I would like to have the order (Left to Right) to be "Cancel" --> "Redispatch" --> "Get Bids" --> "Approve Repair".  I searched through Answers and couldn't find that anyone has asked this before.

Thank you in advance.

0 0

Answer

SELECTED ANSWER
replied on January 14 • Show version history

Assuming you are using the modern designer, the buttons are in a flex container, so you can do this with pure CSS; no need for JavaScript.

You'll need to figure out your identifiers for the selectors (I used class for one and the title attribute for another as an example) but then you just need to set the order (the default is 0).

.action-btn.Submit {
  order: 2;
}

.action-btn[title="Approve"] {
  order: 3;
}

BEFORE

AFTER

4 0
replied on January 14

Tested and working.  Thank you for the quick information!

0 0

Replies

You are not allowed to reply in this post.
You are not allowed to follow up in this post.

Sign in to reply to this post.

Details
Related Posts
Loading ...