Wizard Button Placement

In the wizard shown here, I have heard feedback that the Next/Finish button gets lost so far to the right. How may I reposition this button?

Hello @shedev,

You can move the wizard buttons to the left of the control with the following CSS

button.fd-button.btn.btn-primary {
    margin-right: 10px;
}
.fd-form .vue-form-wizard .wizard-card-footer {
    width: fit-content;
}

So it will look like that

image

Lovely - works perfectly. I added the above code to the main CSS editor, not the control style - for anyone else who sees this post.

1 Like