Forum Discussion

AngelaIp's avatar
AngelaIp
Catalyst II
6 years ago
Solved

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...
Styling
  • cogres's avatar
    cogres
    6 years ago

    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

cogres's avatar
cogres
Creator III
6 years ago

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