Appboard/old/layouts: Difference between revisions

imported>Cmace
(copied from internal)
 
imported>Cmace
(copied from internal)
Line 1: Line 1:
AppBoard provides two layout options for the system designer.   
Layouts are the tool used by the AppBoard administrator for arranging Widgets on Boards in a manner that meets the requirements of the visualizationThe goal of a Layout is to provide a display and interface that will be intuitive and aesthetic for the dashboard viewer.




The <b>Basic Layout</b> provides a solid structure for the Builder while still allowing for customization and ease of use.  This layout snaps Widgets into a grid and automatically uses all of the available space available on the screen.  It provides less flexibility, but is easier to configure.
The Layout engine snaps Widgets into a grid on the Board in an intuitive manner as you create them.  The Layout manager automatically uses all of the available space on the screen.  The AppBoard administrator can also drag the Widgets around the screen to customize the presentation.




The Free Flow Layout gives the designer complete freedom to move Widgets anywhere in the available builder space, and re-size and arrange them as needed within the Builder.  This option provides more flexibility, but will typically take more effort to configure.  Widgets that display off of the User's screen in the Free Flow Layout may require that the User click a scroll bar to view these Widgets.


=== Re-arranging Widgets on a Board ===


Click the following links to learn more about each option:
You can rearrange Widgets by simply dragging them to a new location.  To do this, you left-click and drag the title of the Widget, then drop the Widget in a new location.  There are three drop targets available:




* [[Basic_Flow_Layout|Basic Flow Layout]]
# Insert Target
#:* This Target appears on the outside of Widgets, or in the gap between Widgets.  Dropping a Widget in this area will insert the new Widget at that location and uniformly re-size the other Widgets in that row or column to make room for itself.
# Split Target
#:* This target appears inside of a Widget, but only close to one of the edges.  A "split" is similar to an insert, except that it only affects the target Widget rather then the entire row or column.
# Swap Target
#:* This target appears over a title bar.  A "swap" will change the positions of two Widgets on the screen, without re-sizing any of the other content.


* [[Free_Flow_Layout|Free Flow Layout]]
 
== Free Flow Layout ==
 
Older versions of AppBoard (prior to v2.4) supported a special type of Layout called Free Flow Layout.  For details on Layouts in older version of AppBoard, see [[Layouts_2.3|AppBoard 2.3 Layouts]]

Revision as of 12:31, 6 May 2013

Layouts are the tool used by the AppBoard administrator for arranging Widgets on Boards in a manner that meets the requirements of the visualization. The goal of a Layout is to provide a display and interface that will be intuitive and aesthetic for the dashboard viewer.


The Layout engine snaps Widgets into a grid on the Board in an intuitive manner as you create them. The Layout manager automatically uses all of the available space on the screen. The AppBoard administrator can also drag the Widgets around the screen to customize the presentation.


Re-arranging Widgets on a Board

You can rearrange Widgets by simply dragging them to a new location. To do this, you left-click and drag the title of the Widget, then drop the Widget in a new location. There are three drop targets available:


  1. Insert Target
    • This Target appears on the outside of Widgets, or in the gap between Widgets. Dropping a Widget in this area will insert the new Widget at that location and uniformly re-size the other Widgets in that row or column to make room for itself.
  2. Split Target
    • This target appears inside of a Widget, but only close to one of the edges. A "split" is similar to an insert, except that it only affects the target Widget rather then the entire row or column.
  3. Swap Target
    • This target appears over a title bar. A "swap" will change the positions of two Widgets on the screen, without re-sizing any of the other content.


Free Flow Layout

Older versions of AppBoard (prior to v2.4) supported a special type of Layout called Free Flow Layout. For details on Layouts in older version of AppBoard, see AppBoard 2.3 Layouts