Contents

• Welcome to SigmaVisual
• How to
  • How to install
  • How to add component to my web page
  • How to set component properties
  • How to add new items to a menu/tab/stack
  • How copy components
  • How to remove components
  • How to move components
  • How to resize components
  • How to change components' parent container
  • How to customize appearance
  • How to add an event handler
  • How to know property/event meaning
  • How to preview/execute a web page
  • How to make web application standalone
  • How to change theme of my application
  • How to make app fit different resolutions
• Reference
  • SigmaVisual Overview
  • Main Buttons
  • Design View
    • Design Tool Bar
    • Structure Dropdown Tree
    • Component Gallery
    • Object Inspector
  • Normal View
  • Structure View

How to make app fit different resolutions 

Most of components have property name [dock]. The default value of [dock] is none, which means a component remains where it is positioned on a page.

To make app fit different resolutions, use [dock] to dock a control to the top, bottom, left, or right of web page or container and have it remain there even if the size of the page or contain that contains the control changes. When the parent is resized, a docked component also resizes so that it continues to span the top, bottom, left, or right edge of the parent.

For example, change a panel's dock value to left. The value of left for the dock property of the panel guarantees that itself and all its children remains on the left side of the web page and always equals the client height of web page.