How to make URL Buttons Larger?

Hi, I'm spending to much of the morning trying to understand how folks have done this. I use the following formula to 'Submit' our forms and redirect users to a 'Thank You' page: URLRoot() & "db/...

Buttons

Formulas and functions

MarkShnier__You

Qrew Legend

The magic Buttons app in the exchange has examples of buttons which will also survive being emailed.
These will be field type Formula Rich Text, so not URL.
here is an example

var text ButtonColor = "blue"; //use hex code but most color names work

var text WordsColor = "white"; //typically this will be white or black

var text URL = [start break];

var text Words = "Break"; // use a formula

// Begin button style
var text bgcolor = $ButtonColor;
var text txtcolor = $WordsColor;
var text style = "style=\"text-decoration: none; text-align: center; background:" & $bgcolor & "; "

& " width: 50px; " // width is optional otherwise will be as wide as the words

& " border-radius: 5px; padding: 6px 10px; color: " & $txtcolor & "; display: inline-block; font: normal 700 24px/1 \"Calibri\", sans-serif; text-shadow: none;";
// End button style

"<a " & $style & " href=" & $URL & ">" & $Words & "</a>"

------------------------------
Mark Shnier (YQC)
mark.shnier@gmail.com
------------------------------

JenniferJuhasz

Qrew Cadet

3 years ago

Hi Mark,

Thank you so much for the prompt! I had the Magic Buttons App installed months ago, but really haven't spent time on it, or working with Rich Text Fields within QuickBase. Sometimes the array of options available to do what's needed is mystifying. This solved it just perfectly:

Final results:

"<a class=\"Vibrant Primary\" style=\"width:310px; text-align: center; font-size: 16px; font-family: Arial, Times, Sans-serif;\" href=\"__URL__" target=_blank><b>Save & Submit</b></a>"

Thank you again!

------------------------------
Jennifer Juhasz
------------------------------

Forum Discussion

How to make URL Buttons Larger?