TableOfContents.bearing

[TableOfContents.|<containerId>_tableOfContents.]bearing=[fit-lateral|fit-vertical][, *autoHideDelay*]

fit-lateral|fit-vertical

Controls the direction of the drop-down panel appearance.

When set to fit-vertical, the component first shifts the base panel position to the bottom of its button and tries to roll out the panel either right or left from the base location. With each attempt, the component checks if the panel is clipped by an outside container. If all attempts fail, the component tries to shift the base panel position to the top and repeat rollout attempts in the right and left direction.

When set to fit-lateral, the component uses a similar logic, but shifts the base to the right first, trying down and up rollout directions. Then, it shifts the base to the left, trying down and up rollout directions.

autoHideDelay

Sets the delay in seconds for the drop-down auto-hide timer which hides the panel when a user is idle.

Properties

Optional.

Default

fit-vertical,2

Example

bearing=fit-vertical,0.5

On this page