Difference between revisions of "Right Sidebar"

From Lianjapedia
Jump to: navigation, search
Line 131: Line 131:
 
Expand the custom content gadget when the App is first loaded (True | False).
 
Expand the custom content gadget when the App is first loaded (True | False).
  
−
Here, the '''Expanded''' attribute is checked (true), so the custom content gadget is expanded when first loaded. If the '''Expanded''' attribute is unchecked (false), only the custom content gadget '''Caption''' will be displayed.
+
Here, the '''Expanded''' attribute is checked (true), so the custom content gadget is expanded when first loaded.
 +
 
 +
If the '''Expanded''' attribute is unchecked (false), only the custom content gadget '''Caption''' will be displayed.
  
 
Clicking on the '''Caption''' expands and collapses the custom content gadget.   
 
Clicking on the '''Caption''' expands and collapses the custom content gadget.   
Line 168: Line 170:
 
==Content gadget #1==
 
==Content gadget #1==
 
Gadget based on URL.
 
Gadget based on URL.
 +
 +
[[{{ns:file}}:rs_content_gadget1.png|450px|thumb|left|link={{filepath:rs_content_gadget1.png}}|Page Right Sidebar: Content gadget #1]]
 +
<br clear=all>
  
 
===Show===
 
===Show===
 
Show the gadget (True &#124; False).
 
Show the gadget (True &#124; False).
 +
 +
* Same as [[#Show|Custom content gadget]]
  
 
===Expanded===
 
===Expanded===
 
Expand the gadget when the App is first loaded (True &#124; False).
 
Expand the gadget when the App is first loaded (True &#124; False).
 +
 +
* Same as [[#Expanded|Custom content gadget]]
  
 
===Height===
 
===Height===
 
Gadget height.
 
Gadget height.
 +
 +
* Same as [[#Height|Custom content gadget]]
  
 
===Caption===
 
===Caption===
 
Gadget caption.
 
Gadget caption.
 +
 +
* Same as [[#Caption|Custom content gadget]]
  
 
===URL===
 
===URL===
Line 186: Line 199:
 
===Refresh interval===
 
===Refresh interval===
 
The interval in seconds that the content will be refreshed.
 
The interval in seconds that the content will be refreshed.
 +
 +
* Same as [[#Refresh interval|Custom content gadget]]
  
 
==Content gadget #2==
 
==Content gadget #2==
Line 192: Line 207:
 
===Show===
 
===Show===
 
Show the gadget (True &#124; False).
 
Show the gadget (True &#124; False).
 +
 +
* Same as [[#Show|Custom content gadget]]
  
 
===Expanded===
 
===Expanded===
 
Expand the gadget when the App is first loaded (True &#124; False).
 
Expand the gadget when the App is first loaded (True &#124; False).
 +
 +
* Same as [[#Expanded|Custom content gadget]]
  
 
===Height===
 
===Height===
 
Gadget height.
 
Gadget height.
 +
 +
* Same as [[#Height|Custom content gadget]]
  
 
===Caption===
 
===Caption===
 
Gadget caption.
 
Gadget caption.
 +
 +
* Same as [[#Caption interval|Custom content gadget]]
  
 
===URL===
 
===URL===
Line 207: Line 230:
 
===Refresh interval===
 
===Refresh interval===
 
The interval in seconds that the content will be refreshed.
 
The interval in seconds that the content will be refreshed.
 +
 +
* Same as [[#Refresh interval|Custom content gadget]]
  
 
==Content gadget #3==
 
==Content gadget #3==
Line 213: Line 238:
 
===Show===
 
===Show===
 
Show the gadget (True &#124; False).
 
Show the gadget (True &#124; False).
 +
 +
* Same as [[#Show|Custom content gadget]]
  
 
===Expanded===
 
===Expanded===
 
Expand the gadget when the App is first loaded (True &#124; False).
 
Expand the gadget when the App is first loaded (True &#124; False).
 +
 +
* Same as [[#Expanded|Custom content gadget]]
  
 
===Height===
 
===Height===
 
Gadget height.
 
Gadget height.
 +
 +
* Same as [[#Height|Custom content gadget]]
  
 
===Caption===
 
===Caption===
 
Gadget caption.
 
Gadget caption.
 +
 +
* Same as [[#Caption|Custom content gadget]]
  
 
===URL===
 
===URL===
Line 228: Line 261:
 
===Refresh interval===
 
===Refresh interval===
 
The interval in seconds that the content will be refreshed.
 
The interval in seconds that the content will be refreshed.
 +
 +
* Same as [[#Refresh interval|Custom content gadget]]
  
 
==Content gadget #4==
 
==Content gadget #4==
Line 234: Line 269:
 
===Show===
 
===Show===
 
Show the gadget (True &#124; False).
 
Show the gadget (True &#124; False).
 +
 +
* Same as [[#Show|Custom content gadget]]
  
 
===Expanded===
 
===Expanded===
 
Expand the gadget when the App is first loaded (True &#124; False).
 
Expand the gadget when the App is first loaded (True &#124; False).
 +
 +
* Same as [[#Expanded|Custom content gadget]]
  
 
===Height===
 
===Height===
 
Gadget height.
 
Gadget height.
 +
 +
* Same as [[#Height|Custom content gadget]]
  
 
===Caption===
 
===Caption===
 
Gadget caption.
 
Gadget caption.
 +
 +
* Same as [[#Caption|Custom content gadget]]
  
 
===URL===
 
===URL===
Line 249: Line 292:
 
===Refresh interval===
 
===Refresh interval===
 
The interval in seconds that the content will be refreshed.
 
The interval in seconds that the content will be refreshed.
 +
 +
* Same as [[#Refresh interval|Custom content gadget]]
  
 
[[Category:Attribute Categories]]
 
[[Category:Attribute Categories]]
 
[[Category:Pages]]
 
[[Category:Pages]]

Revision as of 12:29, 28 October 2016

Under construction

See Also

App Settings, Colors, CSS, JavaScript Server Pages (.jssp files), Left Sidebar, Lianja/VFP Server Pages (.rsp files), Page Attributes, Using the showdocument() function and Lianja.showDocument() method

Overview

Pages can optionally have a right sidebar displayed. This can include:

Show right sidebar

Show right sidebar (True | False).

Page Right Sidebar Attribute: Show right sidebar



The Show right sidebar attribute determines whether the right sidebar is shown.

In the App Settings, the Right sidebar visible setting in Page defaults determines whether newly created pages have a visible right sidebar or not.

Note: the right sidebar is not displayed on Mobile client phone Apps.


Collapse right sidebar

Collapse right sidebar when the App is first loaded (True | False).

Page Right Sidebar Attribute: Collapse right sidebar



Here, the Show right sidebar attribute is checked (true), but so is the Collapse right sidebar.

The right sidebar is not shown until the 'SHOW' tab is clicked.


Page Right Sidebar: Showing and hiding the right sidebar



Clicking the 'HIDE' tab will hide the right sidebar again.


Page Right Sidebar: Showing and hiding the right sidebar on the Web client



In the Web/Mobile client (browser/tablet) clicking the left border of the right sidebar allows it to be hidden or shown.

In the Web/Mobile client the Collapse right sidebar attribute is ignored, so if Show right sidebar is true, the right sidebar is displayed when the App is first loaded.


The right sidebar can also be hidden/shown using the showdocument() function or the Lianja.showDocument() method: 

Lianja.showDocument("page:customers?action=hiderightsidebar")
Lianja.showDocument("page:customers?action=showrightsidebar")

Note: in the Web/Mobile client the Page must start with a visible right sidebar (Show right sidebar attribute) to use the hiderightsidebar/showrightsidebar actions.

Width

Right sidebar width.

Page Right Sidebar Attribute: Width



Here, the Width of the right sidebar has been decreased to 150 (pixels).

Note: the gadget Height attributes may need to be adjusted when the Width is changed.


Background color

Right sidebar background color.

Page Right Sidebar Attribute: Background color



The Background color attribute determines the right sidebar background color.

Note: the Background color attribute is supported on the Desktop client only.

See also Colors and CSS.


Foreground color

Right sidebar foreground color.

  • Foreground colors are set internally for the right sidebar elements.

Border color

Right sidebar border color.

Right Left Sidebar Attribute: Border color



The Border color attribute determines the right sidebar border color.

Note: the Border color attribute is supported on the Desktop client only.

See also Colors and CSS.


Custom content gadget

Gadget based on custom script.

Page Right Sidebar: Custom content gadget


Show

Show the custom content gadget (True | False).

Here, the Show attribute is checked (true), so the custom content gadget is displayed.

Expanded

Expand the custom content gadget when the App is first loaded (True | False).

Here, the Expanded attribute is checked (true), so the custom content gadget is expanded when first loaded.

If the Expanded attribute is unchecked (false), only the custom content gadget Caption will be displayed.

Clicking on the Caption expands and collapses the custom content gadget.

Height

Custom content gadget height.

Here, the Height is set to 220 (pixels).

Stretch

Stretch the custom content into the right sidebar (True | False).

If the Stretch attribute is checked (true), the gadget will be stretched to the Page height.

Here, Stretch is unchecked (false).

Caption

Custom content gadget caption.

The Caption is displayed at the top of the custom content gadget.

Clicking on the Caption expands and collapses the custom content gadget.

Here the Caption is 'Business overview'. If the Caption is not set, 'Untitled' will be displayed.

Gadget

The gadget to be displayed.

The Gadget attribute specifies the .jssp or .rsp script file to be run to generate the content for the custom content gadget.

The example in the screenshot above, rsidebar1.rsp, can be found in the 'Lianja Web UI Demo' (example_webapp2) App included in the distribution.

Refresh interval

The interval in seconds that the content will be refreshed.

Content gadget #1

Gadget based on URL.

Page Right Sidebar: Content gadget #1


Show

Show the gadget (True | False).

Expanded

Expand the gadget when the App is first loaded (True | False).

Height

Gadget height.

Caption

Gadget caption.

URL

The URL of the content to be displayed.

Refresh interval

The interval in seconds that the content will be refreshed.

Content gadget #2

Gadget based on URL.

Show

Show the gadget (True | False).

Expanded

Expand the gadget when the App is first loaded (True | False).

Height

Gadget height.

Caption

Gadget caption.

URL

The URL of the content to be displayed.

Refresh interval

The interval in seconds that the content will be refreshed.

Content gadget #3

Gadget based on URL.

Show

Show the gadget (True | False).

Expanded

Expand the gadget when the App is first loaded (True | False).

Height

Gadget height.

Caption

Gadget caption.

URL

The URL of the content to be displayed.

Refresh interval

The interval in seconds that the content will be refreshed.

Content gadget #4

Gadget based on URL.

Show

Show the gadget (True | False).

Expanded

Expand the gadget when the App is first loaded (True | False).

Height

Gadget height.

Caption

Gadget caption.

URL

The URL of the content to be displayed.

Refresh interval

The interval in seconds that the content will be refreshed.

Retrieved from "https://www.lianja.com/doc/index.php?title=Right_Sidebar&oldid=15481"