Ortho > Documentation > Core - orthoPanel

Ortho Documentation

Ortho Core JavaScript Classes
  orthoPanel
   new orthoPanel(panel_id, left, top, width, height [, options])
  panel_id: This can be null or the id of a pre-existing <div> on the web page. If null, the left and top coordinates are used to position a new panel, otherwise the panel is defined using the location of existing div. This allows the developer to define a placeholder div for the panel within a static page of text and other elements, or to position it on the fly at a specific page coordinate.
  left, top: If the panel_id is null then left and top represent the integer pixel coordinates on the page at which the top left corner of the panel will be placed. Otherwise these values will be ignored.
  width, height: The width and height in pixels for the panel
  options: A hash of options for this object. These can include the cssClass option which specifies a CSS class to use instead of the default for this object (.orthoPanel). The options hash is optional.
 
// Place a 400x200 pixel panel in the prexisting div with id 'mypanel'
var panel0 = new orthoPanel(mypanel, 0, 0, 400, 200);

// Place a 300x300 pixel panel at coordinate 100,100 on the page
var panel1 = new orthoLine(null, 100, 100, 300, 300);
   
Click here for Usage Examples of orthoPanel