How to add custom HTML inside submit button

  • Resolved jumbo

    (@jumbo)


    2 years ago

    I’m trying to create a submit button like so:

    <button>Submit the <span class="enlarge">form</span> <img src="/arrow.png"></button>

    But when I enter the following in the “button text” field:

    Submit the <span class="enlarge">form</span> <img src="/arrow.png">

    The HTML gets stripped out on save.

    Thanks.

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Support Patrick – WPMU DEV Support

    (@wpmudevsupport12)

    Hi @jumbo

    I hope you are doing well.

    I am afraid it is not possible to add HTML directly to the button but you can use the HTML field as a workaround by adding the following code:

    <button class="forminator-button forminator-button-submit">Submit the <span class="enlarge">form</span> <img src="/arrow.png" /></button>

    Then in Forminator Form > Appearance > Customise > Additional CSS:

    .forminator-row-last{
    display: none !important;
}

    To hide the extra button.

    The final result:

    https://monosnap.com/file/NM32ezETeLTk6mBVjVxFnP4ot4K0zT

    Best Regards
    Patrick Freitas

    Plugin Support Amin – WPMU DEV Support

    (@wpmudev-support2)

    Hello @jumbo ,

    We haven’t heard from you for over 2 weeks now, so it looks like you don’t have any more questions for us.

    Feel free to re-open this ticket if needed.

    Kind regards
    Kasia

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘How to add custom HTML inside submit button’ is closed to new replies.