I need to add a background image to only one form, so can’t change the body style for the site.
Ideas?
In case anyone came across this issue.
My solution ended up being:
adding this element in the form:
{
“html”: “<img src=“https://ucarecdn.com/d12308d8-c59a-42e1-a315-3c52a3dd9217/” id=“bg” alt=”">\n\n",
“styleClasses”: "col-md-12 ",
“type”: “html”
}
and adding this CSS to the site:
#bg {
position: fixed;
top: 0;
left: 0;
/* Preserve aspet ratio */
min-width: 100%;
min-height: 100%;
}
If you are using TailwindCSS, see this example:
https://app.fmbetterforms.com/#/pages/edit?id=07BECB59-3300-1F45-93A4-7CEA66320FA9
The basic idea is to ad an HTML element and fit that to the screen.,