Forum Discussion

WaldyDuester's avatar
WaldyDuester
Qrew Trainee
8 years ago

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

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

4 Replies

Replies have been turned off for this discussion
  • MCFNeil's avatar
    MCFNeil
    Qrew Captain
    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.
  • Thanks Matthew.

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

    Waldy
  • 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: