Difference between revisions of "Getting Started Part 3"

[http://videos.lianja.com/video/71411231 Watch the video]

Create a new blank page by clicking on the Page icon in the Form tools. If you get a blank Form section created for you by default with the page - this is determined by the App Settings (Settings at the bottom of the Modebar) - click on the trash can icon in the section header to remove it, as we do not need it.

===Image Strips===

Now click on the Sections icon in the Form tools and select the Image Strip.

===Populating an Image Strip===

Now click on the employees table in the Tables panel, then click on the photograph field and drag it into the Image Strip section that you created in the previous step.

You can also just drag an image object field directly onto an empty area on a Page and an Image Strip section will be created and populated.

 

 

 

Now click Sections in the Form tools and select Form. A new form section will be added to the page. Now click on the employees table as shown below and drag it into the new section that you have just created (or just drag the table onto an empty area of the Page).

The caption for the fields in the form section can be customized by moving the mouse cursor over the caption and clicking the edit icon.  If you double-click the caption, the Field's Attributes dialog will open, allowing you to modify any of its attributes.

[[{{ns:file}}:gs3_6.png|450px|thumb|left|link={{filepath:gs3_6.png}}|Remove Field]]

You can remove fields you don't want to be visible by clicking the delete icon, which is then displayed.

[[{{ns:file}}:gs3_7.png|450px|thumb|left|link={{filepath:gs3_7.png}}|Dividers]]

Click and drag the blue handle at the center of the bottom edge of the selected section to resize it.  Fields in a Form section can be clicked on and dragged around to change the display ordering. You can also add subtitles, horizontal separators, column dividers or spacers to the section by clicking on the Dividers icon in the Form tools. Once the subtitle is displayed in the form section you can drag it around into a suitable position.

 

 

 

Like Fields, you click on a Divider's edit icon to modify the caption or to access the delete icon and double-click the caption to display the full attributes dialog.

 

[[{{ns:file}}:gs3_10.png|450px|thumb|left|link={{filepath:gs3_10.png}}|Webview Section]]

===Customizing sections===

You can customize the appearance of sections using the Section Attributes dialog by double-clicking on the section header or clicking the cog icon. Set the caption for each of the three sections.

===Relating Image Strip sections===

Now relate the Image Strip section (multiple employees records) to the Form section (details for individual employees records) and the Form section to the Webview section (employee notes).

[[{{ns:file}}:gs3_13.png|450px|thumb|left|link={{filepath:gs3_13.png}}|Employees Desktop App View]]