Building App Architecture

Developing any app you start from designing User Interface. Building user interface starts from a basic container where you place various display and control components. As a basic container you can use one of the following:

  • layout
  • multiview

Meanwhile, you're not forbidden to place layout into multiview or multiview into layout. Here we say only about basic container that will be responsible for architecture of your future app.

What's the difference between these variants?

  • layout allows to present components in the same view at the same time. It's convenient when you have enough space and deal with relative information that needs to be visible at the same time. For example, chart and table of data this chart presents or multicolumn lists.

    dhx({
      rows:[{...}]
      //or
      cols:[{...}]
    })

    Here we configure components position through rows and cols parameters.


    Related sample: ui/layout/11_layout_architecture.html

  • multiview is intended for small screen devices or for interfaces built on the principle of changing the entire screen. It uses several screens (cells) switching one by another.

    dhx.ui({ 
      view:"multiview",
      cells:{...},
            {...}
    })

    Each cell is a separate view, thus you can place other components for building necessary content there.


    Related sample: 01_views/09_multiview.html