Page Comparison

...

In a new installation, the presentation used for Interactive Forms in the Interactive Forms module is the XperienCentral default presentation. You can apply your own presentation to the Interactive Forms module in order to allow your designers to see how forms will be rendered on the front-end while creating them. This mirrors the way that the look and feel of content items are rendered in the Editor. To apply your own presentation to the Interactive Forms module, follow these steps:

<c:if test="${mode == 'preview'}">
<style>
.wm-field

{ height: 75px; }

.wm-field-input

{ float: right; }

</style>

...

1. Open the form step presentation (formStep.jspf) in an editor.

2. Add your own code to the JSPF. For example:
   
   

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

   
   The above code is a simple example. You can obviously apply any kind of styling that you wish.
   

...

1. Recompile the wmpformpresentation plugin.
   
   
   

Back to top