Changes

Jump to navigation Jump to search
113 bytes added ,  09:10, 24 March 2020
Line 380: Line 380:     
# Select a form tab and click '''Add Table'''.
 
# Select a form tab and click '''Add Table'''.
# On the [[Form#Properties_pane|'''Properties''' pane]], use the + and - buttons to define the number of columns and rows.
+
# On the [[Form#Properties_pane|'''Properties''' pane]], use the + and - buttons to define the number of columns and rows.<br>[[File:Table properties.png|600px]]
 
#* Column width: You can specify the width of each column, either a fixed width (in pixels) or flexible width (using stars notation). To increase the width of a flexible column, add a number before the star; a 2* column is twice as wide as a 1* column.<br><small>The maximum width of the table is equal to the width of the form tab. If the table contains at least one column with a flexible width, the width of the table is set to the page width. To calculate the width of flexible columns, we subtract all fixed-width columns from the form tab width and distribute the remainder evenly.</small>
 
#* Column width: You can specify the width of each column, either a fixed width (in pixels) or flexible width (using stars notation). To increase the width of a flexible column, add a number before the star; a 2* column is twice as wide as a 1* column.<br><small>The maximum width of the table is equal to the width of the form tab. If the table contains at least one column with a flexible width, the width of the table is set to the page width. To calculate the width of flexible columns, we subtract all fixed-width columns from the form tab width and distribute the remainder evenly.</small>
 
#* Row height: Use Auto for automatic height calculation, or enter an explicit pixel size.<br><small>The automatic calculation uses the maximal height of the blocks in the table row. That means either the height of text in a particular font or the height of an image (the image height might be scaled automatically to fit into a particular width).</small>
 
#* Row height: Use Auto for automatic height calculation, or enter an explicit pixel size.<br><small>The automatic calculation uses the maximal height of the blocks in the table row. That means either the height of text in a particular font or the height of an image (the image height might be scaled automatically to fit into a particular width).</small>
 
# Add fields to the table (make sure they are actually inside the table element).
 
# Add fields to the table (make sure they are actually inside the table element).
# Select each field and on the '''Properties''' pane, select the table cell(s) to define the '''Position in table'''. Note that you can click and drag across multiple cells.
+
# Select each field and on the '''Properties''' pane, select the table cell(s) to define the '''Position in table'''. Note that you can click and drag across multiple cells.<br>[[File:Item position in table.png|600px]]
 
+
# Sample table in the app:<br>[[File:Grid item example.png|600px]]
[[File:Grid item example.png|600px]]
      
[[Category:Woodford]]
 
[[Category:Woodford]]

Navigation menu