Difference between revisions of "Right Sidebar"

From Lianjapedia
Jump to: navigation, search
Line 95: Line 95:
 
See also [[Colors]] and [[CSS]].
 
See also [[Colors]] and [[CSS]].
  
 +
<br clear=all>
  
 
==Foreground color==
 
==Foreground color==

Revision as of 11:36, 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.

Show

Show the custom content gadget (True | False).

Expanded

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

Height

Custom content gadget height.

Stretch

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

Caption

Custom content gadget caption.

Gadget

The gadget to be displayed.

Refresh interval

The interval in seconds that the content will be refreshed.

Content gadget #1

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 #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.