x3 pages developed using Materializecss
All CSS relevant to the pages is contained in screen.css
In order to display messaging correctly with no FE display bugs the error element is changed to a div and styled in screen.css. The errorPlacement function is also required to make this work as expected.
Validation is applied to all required text, telephone & email inputs usingjQuery Validation plugin.
Error messaging is currently hardcoded into the validation logic and we think these could live within he properties files.
The only fields not validated are any select drop downs as these will not be handled by Materializecss.
These errors can be implemented by inserting the following snippet into the input-field gropu of the select
<div id="input_id" class="error">Error Message</div>
Current step in the process has the class "active" added to the div.bt-progress-bar--icon
Completed step in the process has the class "complete" added to the div.bt-progress-bar--icon (see delivery.html)
All icons used are contained within the img folder. All svgs.
Over 18 checkbox - this is not for launch and should be an optional field
Over 18 checkbox tooltip is initiated through Materializecss