Custom styling: Fixed width adjustment
Styling User InterfaceThe 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.
See the Pen Custom styling: Fixed width adjustment by Addressfinder (@addressfinder) on CodePen.
Related code examples
-
Customised styles for email verification - Demonstrates how to adjust the text and border colours of the email verification messages.#Email #Styling
-
Customised styles for phone verification - Demonstrates how to adjust the text and border colours of the phone verification messages.#Phone #Styling
-
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
-
Populate fields using querySelector function - Most of our code examples use the ID of a form input field to populate data when an address is autocompleted. However, not all forms use "IDs" to Identify fields. In this example we use the querySelector function to identify the fields and populate the data. In this case we use the field's name to identify the fields.#Split Fields #User Interface