On legacy forms, when using a mobile device there were some ways to make a rich text button span the width of the mobile device. You could use:
class='Vibrant' or in the styling you could use width: 100%.
Neither of these tricks work on the new forms (on mobile). Does anyone know of way to make a rich text button span the width of a mobile device on new forms?
+10Yeah — those legacy tricks don’t carry over cleanly on new forms.
Two options that work better now:
Put the control in its own section/column so on the phone that column is already full width, then make the anchor a block element:
"<a href='" & $url & "' style='display:block; width:100%; text-align:center; padding:12px 16px; border-radius:6px; background:#0077c5; color:#fff; text-decoration:none; box-sizing:border-box;'>Button label</a>"
Or skip rich text for that one control and use a Formula - URL field displayed as a button. On new forms mobile those tend to fill the column without the old CSS fights.
I’d try the Formula - URL button first if you don’t need multiple links in one field. If you do need rich text, the display:block + width:100% version above plus a single-column section is the combination that usually looks right.
Already have an account? Login
Enter your E-mail address. We'll send you an e-mail with instructions to reset your password.