My series of Cloud Application Studio Blogs
The Adobe Print form must be created based on a BO. In this blog I will use the BO explained in this blog: Step by step to enable your custom BO with attachment upload functionality.
1. Create a new Print Form via context menu. A new form group and form template header must be created by following the creation wizard.
Below is an example of Form Group code whose technical value will be used later.
Below is the screenshot of Form Template Header:
2. Double click .xdp file under Form Template Header to launch Adobe Form Designer. If you have not installed it yet, download from here:
Design your layout in Adobe Form Designer, bind the BO field to the form element in Object tab. In the runtime, the bound field will display the corresponding value of BO instance.
Once finished, check in change from context menu and activate the change.
3. Go to Thing inspector UI where you could like to add the preview button, create a new Data field in Controller tab:
Create a new Output named PreviewOutput, and create two Parameters named “GroupCode” and “ForceFrontendPreview”. The corresponding parameter could be found below.
Create a model Dialog using the reusable UI whose path highlighted below. Bind the Root node of current model to NodeReferenceBinding.
Switch to Navigation Configuration tab of selected Modal Dialog, bind the created outport before of our TI with the standard inport InPreview of Reusable UI. Bind their parameters as well.
Create a new event handler to fire the created outport:
As the last step of UI creation, create a new preview button and assign the previewHandler event handler to its onClick event.
4. Deploy Business Configuration of your solution. You should see successful message before you test the form preview in the runtime.
Now go to your TI and press Preview button:
Form is previewed successfully: