See the Pen Customised styles for email verification by Addressfinder (@addressfinder) on CodePen.
Related code examples
-
Hide the success tick with email verification - When an email address is successfully verified, a green tick is displayed. In this example, we show how to use CSS to hide that tick.#Email #Styling
-
Allow all emails - With this, you will not block any email from being submitted, but you will have the ability to ask your customers to add a better email address if possible. The message is optional and a nicely worded default will be provided if omitted.#Email
-
Custom styling: Fixed width adjustment - The example of the Addressfinder widget has the manual styling feature turned on. This enables the styling to be set by the customer rather than using the default style. When you make a search, the address results in this example will span to the width of the input element instead of the variable width option the widget usually returns.#Styling #User Interface
-
Email verification widget in a modal - When working with an element such as a modal. The container attribute must be set to the modal's parent container. This ensures the icons and messages can be positioned and displayed correctly when the modal is shown and hidden.#Email
-
HubSpot form integrated with Addressfinder's email verification widgets - This is an example of Addressfinder's email widget integrated into a HubSpot form.#Email #Hubspot