Skip to main content
Question

Change font size (bold) for button on a form?

  • May 21, 2018
  • 0 replies
  • 131 views
Is it possible to change the displayed font properties for the link text of a button field on a form?  The current rendition creates this tiny, thin font that is dwarfed by the green 'save and close' button.
My users are supposed to click my URL field button to SAVE the form and, in it's current state, is too inconspicuous to catch their attention.
I need to make the font bold and large so the button stands out more.  I can't find a way how to do that (besides changing the button color).

Thanks in advance
    This topic has been closed for replies.

    • MCFNeil
    • Registered
    • May 21, 2018
    Two things you can try.

    (1) use a large bootstrap button, rather than the formula url button.
    https://getbootstrap.com/docs/4.0/components/buttons/

    and
    (2) Remove the native save button at the bottom of the form by
    Editing the form > going to the Properties tab > uncheck the bock to show save and close at end of form.
    • WaldyDuester
    • Author
    • Registered
    • May 21, 2018
    Thanks Matthew.

    I implemented the removal of the native save and close button.
    I'll investigate the bootstrap option when more time permits.

    Waldy
    • anomDiebolt
    • Registered
    • May 23, 2018
    Use the IOL with this essential code:
    $("nobr a.Vibrant").css({fontSize: "25px", fontWeight: "bold"});
    Here is a screenshot of me manually applying the above code through the console:

    • WaldyDuester
    • Author
    • Registered
    • May 24, 2018
    Thanks Dan Diebolt.  I'll give it a go.
    Terms & ConditionsAccessibility statement