How to place views in the smart form layout in the customized way

Hi Rameshbabu

This is possible. The full functionality to have all the views physically on the form in the desired format is not functionality that is out of the box possible, however there are some alternatives that can be used to achieve the desired layout format. Please see the alternatives below.

Alternatives:

Solution 1 - You can make use of a combination for views, forms and content controls on your main form to help position your views in the layout you want, you will have to adjust some height and width properties for views and control controls from view and form level depending on you’re the design of the layout you want. You would aslo need to keep in mind that when calling some views or forms in a content control from a different form (Main forms) the main forms scope will not include the views or forms being called in the content control which means that you would not be able to manipulate the rules for those views or forms in the main form. Please see the below for stepsguidance.

Steps:
1. Create the relevant  views and forms

• Header View - For testing purposes you can just add a label.


• Footer View - For testing purposes you can just add a label.


• Left Navigation View - Ensure that this control does have a few controls on it.


• View 1 - For testing purposes you can just add a label.


• View 2 - For testing purposes you can just add a label.


• View 3 - For testing purposes you can just add a label.

2. Create a Form that would contain only View 1 to 3 (We will call this the Child Form)
3. Create a main Form and follow the following layout steps:

• Add the Header View at the top in the Main Forms Design canvas


• Add the Left Navigation View below the Header View in the Main Forms Design canvas and adjust its width properties to 15% (You can change this to the required sizing)


• Add a Content Control on the right hand side next to the Left Naviagtion View. Copy the Runtime URL for the Form that was created in Step 3. than paste it in the property URL section for the content control. Now adjust the content controls height property to 380px (You can change this to the required sizing)


• Add the Footer View at the bottom in the Main Forms Design canvas

4. Save and Finish the Main Form and give it a test run.
5. Your result would come down to the below screenshot:

Solution 2 – You can make use of data labels set to allow literals and manipulate the layout using javascript. This will allow you to structure your layout in the desired form however the custom code allowing you to do so will not be supported by K2 support as this is a fully Custom solution. I did not include steps for this due to the fact that it will not be supported however I mentioned it as a laternative shoudl you feel the need to investigate

Should you feel that this post is of use and or an accurate solution to the raised question, I kindly encourage you to mark it as such using the 'Mark as Solution', 'Kudo' andor ‘Me Too’ options.

Kind Regards

Raymond