I am trying to create Email form in my website as "form embed code". Using JQuery, i have changed all the elements styles as per my website design. But when i try to change error message position, its not allowing me. I am using below page as reference
In the given page, i found errorMessageClass property is used to change error message styles. But using that i cant change the position (left to center). Is there any other option available to change error message position?
Ahh, I think we are definitely closer to resolving the issue.
Can we check if the form setting - 'Set as raw HTML form' is toggled on? When this settings is toggle on, form will render as a raw HTML element on your website as opposed to inside an iFrame.
i believe this error message element is getting created when user enters wrong mail address & default style is also created for hs-error-msg. We dont have any option to override this. Please let me know if any options there.
Would you mind sharing with me the HubSpot page/external page that the page is on? Together with the steps you took to generate the form error message? If it's more comfortable for you, you can send this information via DM to me.
The reason I asked this is so that I'm seeing the exact same error message that you're seeing so that we're on the same page.
Great, I have tried the above code using a form from my portal and I'm able to see that the error message is currently float to the right. The error message that I'm seeing is - "Email must be formatted correctly."
I understand that you'd like to center it and what I did was to edit the css style from
But in my case, all the forms are generated inside iframe. I think thats why we couldnt able to control. How do we change loading all the components inside iframe into Div? is it a Server side configuration?
Ahh, I think we are definitely closer to resolving the issue.
Can we check if the form setting - 'Set as raw HTML form' is toggled on? When this settings is toggle on, form will render as a raw HTML element on your website as opposed to inside an iFrame.