Interactive Forms Edit Environment Styling

In a new installation, the styling used for Interactive Forms in the Interactive Forms module is the XperienCentral default styling. You can apply your own styling to the Interactive Forms module in order to allow your editors to see how forms will be rendered on the frontend while creating them. This mirrors the way that the look and feel of content items are rendered in the Editor using your own styling. You can override the default styling for form steps as well as form elements themselves.

To apply your own styling to the Interactive Forms module, create a plugin that applies your own style. The following is a simple modification that you can add to a form step presentation, for example the Interactive Forms default presentation (formstep.jspf) in order to change the styling:

<c:if test="${mode == 'preview'}">
<style>
.wm-field
{ height: 75px; }
.wm-field-input
{ float: right; }
</style>
</c:if>

Back to top