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

  • 0
  • 1
  • Question
  • Updated 1 year ago
  • Answered
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
Photo of Waldy Duester

Waldy Duester

  • 90 Points 75 badge 2x thumb

Posted 1 year ago

  • 0
  • 1
Photo of Matthew Neil

Matthew Neil

  • 31,698 Points 20k badge 2x thumb
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.
Photo of Waldy Duester

Waldy Duester

  • 90 Points 75 badge 2x thumb
Thanks Matthew.

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

Waldy
Photo of Ⲇanom the ultimate (Dan Diebolt)

Ⲇanom the ultimate (Dan Diebolt), Champion

  • 30,184 Points 20k badge 2x thumb
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:

Photo of Waldy Duester

Waldy Duester

  • 90 Points 75 badge 2x thumb
Thanks Dan Diebolt.  I'll give it a go.