Difference between revisions of "Canvas Designer"

From Lianjapedia
Jump to: navigation, search
Line 1: Line 1:
 
''Under Construction''
 
''Under Construction''
=Overview=
+
==Overview==
 
Canvas Sections allow highly customized layouts with a wide range of advanced containers and controls.   
 
Canvas Sections allow highly customized layouts with a wide range of advanced containers and controls.   
  
 
Drag and drop table columns to create controls that are automatically data-bound.
 
Drag and drop table columns to create controls that are automatically data-bound.
  
=Adding a Canvas Section=
+
==Adding a Canvas Section==
 
To add a Canvas Section to a Page, select '''Canvas''' from the '''Sections''' menu in the [[Form Tools]].
 
To add a Canvas Section to a Page, select '''Canvas''' from the '''Sections''' menu in the [[Form Tools]].
  
Line 19: Line 19:
 
</div>
 
</div>
 
    
 
    
=Drag and Drop Columns=
+
==Drag and Drop Columns==
 
Add automatically data-bound controls to your Canvas Section using drag and drop.
 
Add automatically data-bound controls to your Canvas Section using drag and drop.
  
Line 37: Line 37:
 
To edit the control's attributes, select the [[Attributes Tab]] in the App Inspector (if the App Inspector is closed, double-click on the control's caption to open the Attributes dialog).
 
To edit the control's attributes, select the [[Attributes Tab]] in the App Inspector (if the App Inspector is closed, double-click on the control's caption to open the Attributes dialog).
  
=See Also=
+
==See Also==
 
[[Advanced Canvas Control Attributes]], [[Canvas Section Attributes]]
 
[[Advanced Canvas Control Attributes]], [[Canvas Section Attributes]]
  
 
[[Category:Sections]]
 
[[Category:Sections]]

Revision as of 13:25, 19 December 2017

Under Construction

Overview

Canvas Sections allow highly customized layouts with a wide range of advanced containers and controls.

Drag and drop table columns to create controls that are automatically data-bound.

Adding a Canvas Section

To add a Canvas Section to a Page, select Canvas from the Sections menu in the Form Tools.

Adding a Canvas Section


Bm-noteicon.png
Pro Tip

Drag on the blue handle at the bottom of the section to resize it.
To make your Canvas Section fill the whole Page, set the Page Stretch last section attribute to true.

Drag and Drop Columns

Add automatically data-bound controls to your Canvas Section using drag and drop.

If the App Inspector is open, select the Pages Files Tab.

Make sure the Tables tab is selected.

Click on its name to select a table from the Table Names panel.

Then just drag a column from the Column Names tab and drop it where you want it to be positioned in the Canvas Section.

Adding Data-Bound Columns to a Canvas Section


The Pages Files Tab stays selected as you drag and drop the columns and fine-tune the position of the controls.

To edit the control's attributes, select the Attributes Tab in the App Inspector (if the App Inspector is closed, double-click on the control's caption to open the Attributes dialog).

See Also

Advanced Canvas Control Attributes, Canvas Section Attributes