Change style of default Form button (without using a full custom html button)

Hi community,

has anybody some experience with customizing the standard blue form buttons in Innovator?

I want to make them

  • not blue
  • fixed size independent from button label
  • round corners (nice to have)

I know that it´s possible to design full custom buttons with html elements. But this also means we have to take care for everything and cannot use the standard field events for adding onClick Methods.

I so far have not found any sample that shows how to change the styling of the standard buttons. I assume this is possible with CSS. Does anybody has an sample to share?

Thanks again for any help!
Angela

Parents
  • Hi Angela,

    I have used the following before, so maybe it will help you, too.
    The background colour can simply be picked under the "Field Type" tab when editing the form:

    Under the "Form Body" tab, you can then insert some CSS for input elements that are buttons:

    Then button then looks like this:


    The "border-radius" makes the corners round, since that was one of your requirements.

    Hope this helps,

    C

Reply
  • Hi Angela,

    I have used the following before, so maybe it will help you, too.
    The background colour can simply be picked under the "Field Type" tab when editing the form:

    Under the "Form Body" tab, you can then insert some CSS for input elements that are buttons:

    Then button then looks like this:


    The "border-radius" makes the corners round, since that was one of your requirements.

    Hope this helps,

    C

Children
No Data