Hello All,
Is it possible to edit the field required indicator on the new form builder so that the indicator shows either in the box or just not at first try of submission?
On the Legecy builder the indicator shows up with the property box and looks nice. How do we mimic that.
- Know might have to use CSS but I am not a developer.
Hi @DHamlett33,
Could you point out in screenshots what exactly you’re referring to? Here’s what the required field indicator looks like out of the box:
Legacy:
New:
There is a difference of a small space that I’m seeing but I’m not sure what you’re referring to beyond that.
Best regards
Hi @DHamlett33,
There isn’t a built-in setting to control when those indicators appear (like only after someone hits “submit”) or to reposition them inside the input box. The legacy builder used to handle this more cleanly, I agree.
But if your form is embedded on a website you control (or even a HubSpot CMS page), you can still get that cleaner experience using a little CSS no major dev skills needed.
/* Hide the error message by default */
.hs-error-msg {
display: none;
}
/* Show it only after someone tries to submit the form */
.hs-form-submitted .hs-error-msg {
display: block;
}
/* Optional: tweak the style */
.hs-error-msg {
color: #e1234;
font-size: 20px;
margin-top: 5px;
}
You can paste this into the page where your form is embedded (inside a <style> tag), or pass it to your web person if you’re not comfortable doing it yourself.
