Discussions

Expand all | Collapse all

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

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

    Posted 05-21-2018 16:43
    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


  • 2.  RE: Change font size (bold) for button on a form?

    Top
    Contributor
    Posted 05-21-2018 16:47
    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.


  • 3.  RE: Change font size (bold) for button on a form?

    Posted 05-21-2018 16:58
    Thanks Matthew.

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

    Waldy


  • 4.  RE: Change font size (bold) for button on a form?

    Top
    Contributor
    Posted 05-23-2018 15:14
    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:



  • 5.  RE: Change font size (bold) for button on a form?

    Posted 05-23-2018 21:15
    Thanks Dan Diebolt.  I'll give it a go.