Difference between revisions of "Image Strip Options"
From Lianjapedia
Yvonne.milne (Talk | contribs) (→Image notes editable) |
Yvonne.milne (Talk | contribs) |
||
Line 1: | Line 1: | ||
− | '' | + | ==Overview== |
+ | ImageStrip Sections display a horizontal 'strip' of data-bound images. They can optionally include a text notes panel. | ||
+ | |||
+ | The Lianja Tablet Web UI Demo App (example_webapp1) includes an ImageStrip Section: | ||
+ | |||
+ | [[{{ns:file}}:ImageStripOptions1.png|800px|left|border|link={{filepath:ImageStripOptions1.png}}|Image Strip Options]] | ||
+ | <br clear=all> | ||
+ | |||
+ | In web/mobile Apps, the images are touch-friendly - here calling the Double Click event [[Custom Delegates|delegate]]. | ||
+ | |||
+ | [[{{ns:file}}:ImageStripOptions2.png|800px|left|border|link={{filepath:ImageStripOptions2.png}}|Image Strip Options]] | ||
+ | <br clear=all> | ||
+ | |||
+ | Which uses the [[Lianja]].showDialogPanel() method to display the information in a slide-in panel. | ||
+ | |||
+ | [[{{ns:file}}:ImageStripOptions3.png|800px|left|border|link={{filepath:ImageStripOptions3.png}}|Image Strip Options]] | ||
+ | <br clear=all> | ||
+ | |||
+ | <code lang="javascript"> | ||
+ | Lianja.showDialogPanel("EMPLOYEE INFORMATION", "lib:/showdialogpanel_employee.rsp?employeeid={employees.employeeid}", 500); | ||
+ | </code> | ||
==See Also== | ==See Also== | ||
Line 23: | Line 43: | ||
Image notes foreground color | Image notes foreground color | ||
* See [[Colors]] | * See [[Colors]] | ||
+ | |||
+ | [[Category:Sections]] |
Revision as of 07:46, 8 December 2020
Contents
Overview
ImageStrip Sections display a horizontal 'strip' of data-bound images. They can optionally include a text notes panel.
The Lianja Tablet Web UI Demo App (example_webapp1) includes an ImageStrip Section:
In web/mobile Apps, the images are touch-friendly - here calling the Double Click event delegate.
Which uses the Lianja.showDialogPanel() method to display the information in a slide-in panel.
Lianja.showDialogPanel("EMPLOYEE INFORMATION", "lib:/showdialogpanel_employee.rsp?employeeid={employees.employeeid}", 500);
See Also
Image Strip Section Attributes
Image notes visible
Show the image notes panel (True | False)
Image notes editable
Allow the image notes to be edited (True | False). From v5.6.
Image notes caption
Image notes caption to display
Image notes data source
Image notes data source (column name)
Image notes backcolor
Image notes background color
- See Colors
Image notes forecolor
Image notes foreground color
- See Colors