What is a Box?

A box is an element that frames a contained element. By using the box tag, you can divide the page into parts, and also make certain elements stand out. Boxes can be customized by adding a title, adjusting the title justification, and changing the background color. Use a box within an elements block of a central or overview page.

Here is an example of an overview page that contains two boxes.

Here is how the tab Example, including two box sub-blocks, is written in the code.

  tab "Example" { 
    screen { 
      layout { 
        hsplit { 
          vsplit percent = 75 { 
            hsplit percent = 50 { 
              box { 
                title "Resp Team Profit" 
                element id = "hchart-respteam" 
              } 
            } 
            hsplit percent = 50 { 
              box { 
                title "Graphics" 
                hsplit { 
                  element id = "image 2" percent = 25 
                  element id = "image 3" percent = 25 
                  element id = "image 4" percent = 25 
                  element id = "image 5" percent = 25 
                } 
              } 
            } 
          } 
          
          vsplit percent = 25 { 
            hsplit { 
              spacer percent = 2 
              element id = "gd-range" percent = 43 
              line percent = 2 
              element id = "gd-profit" percent = 49 
              spacer percent = 4 
            } 
          } 
        } 
      } 
    } 
  }

A tab block can contain a box, or an element id referring to a box in an elements block.

A box block can use hsplit and vsplit tags to display multiple elements.