The class name present against the outside container has been updated from from ‘oDataFormContainer’ to render as ‘form’. The CSS updates should be a straightforward copy and paste process of updating the associated CSS to now target ‘form’ for this outside container.
The prefix ‘oDataForm’ has also been removed resulting in ‘oDataFormFieldset’, ‘oDataFormLegend’, ‘oDataFormQuestion’, ‘oDataFormElement’, ‘oDataFormAnswer’ and ‘oDataFormButtons’ rendering as ‘fieldset’, ‘legend’, ‘element’, ‘question’, ‘answer’ and ‘buttons’ respectively, with the exception of ‘oDataElementContainer fields’ will now render as simply ‘fields’. The CSS updates should be a simple process of removing the prefix ‘oDataForm’ and ‘oDataElementContainer’ from any associated CSS to now target ‘fieldset’, ‘legend’, ‘element’, ‘question’, ‘answer’, ‘buttons’ and ‘fields’.
The wrapper div ‘oDataFormButtonContainer’, used to target the ‘Save’, ‘Submit’ and ‘Reset’ buttons has also been updated to ‘buttons’. Here is an example of the mark-up for Forms in Easysite 7 and 6.5:
Easysite 7:
