Difference between revisions of "Image Strip Options"

From Lianjapedia
Jump to: navigation, search
(Overview)
(Overview)
Line 21: Line 21:
 
</code>
 
</code>
  
Touching or clicking on the text notes panel slides in an editing dialog panel:
+
Touch or click on the text notes panel to edit...
  
 
[[{{ns:file}}:ImageStripOptions4.png|800px|left|border|link={{filepath:ImageStripOptions4.png}}|Image Strip Options]]
 
[[{{ns:file}}:ImageStripOptions4.png|800px|left|border|link={{filepath:ImageStripOptions4.png}}|Image Strip Options]]
 
<br clear=all>  
 
<br clear=all>  
(Screenshot coming soon)
+
 
 +
In a slide-in dialog panel:
 +
 
 +
[[{{ns:file}}:ImageStripOptions5.png|800px|left|border|link={{filepath:ImageStripOptions5.png}}|Image Strip Options]]
 +
<br clear=all>
  
 
==See Also==
 
==See Also==

Revision as of 08:51, 15 December 2020

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:

Image Strip Options


In web/mobile Apps, the images are touch-friendly - here calling the Double Click event delegate.

Image Strip Options


Which uses the Lianja.showDialogPanel() method to display the information in a slide-in panel.

Image Strip Options


Lianja.showDialogPanel("EMPLOYEE INFORMATION", "lib:/showdialogpanel_employee.rsp?employeeid={employees.employeeid}", 500);

Touch or click on the text notes panel to edit...

Image Strip Options


In a slide-in dialog panel:

Image Strip Options


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

Image notes forecolor

Image notes foreground color