I tried to create a form wizard using the jQuery Steps library, but I can't change the button position.

I want to use my own modal buttons for the wizard, but the steps library adds its own button actions just after the form in the modal-body.

This is my own code :

<div class="modal right fade" id="myModal2" tabindex="-1" role="dialog" aria-labelledby="myModalLabel2">
    <form action="<?= base_url(); ?>" class="ajaxform" method="POST">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h4 class="modal-title" id="myModalLabel2">Ajouter un client</h4>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                </div>
                <div class="modal-body steps">
                    <form>
                        <!-- My inputs are here -->
                    </form>
                </div>
                <div class="modal-footer">
                    <button type="button" class="rounded-0 btn btn-secondary mr-auto" id="prev">Back</button>
                    <button type="button" class="rounded-0 btn btn-primary" id="next">Next</button>
                </div>
            </div>
        </div>
    </form>
    <!-- modal-dialog -->
</div>

0 Answers