Creating an app : Adding and editing views : Blank view

Blank view

Selecting the Blank view gives you the ability to define a view with custom layout and functionality. The Blank view allows you to:
*Configure one or more data source instances for the view.
*Drag-and-drop rows and columns to create a responsive layout.
*Drag-and-drop content components for data management, editing, charting, scheduling, media, navigation, and additional custom content.
The first step for working with a Blank view is typically to define data source instances for the view that you can bind to most of its components. You define these view data source instances from one or more of the existing data sources that are defined for your app data providers.
Most data management, editing, charting, and scheduling components allow you to specify one of these view data source instances as the data binding for that component. When any other component is bound to the same data source instance as a data management component, the data that you access using the data management component is automatically displayed using other components that are bound to the same data source instance, and this data linkage between data management and other components is supported without any further coding.
For example, when you display a page of records (as defined by the data source instance) using the grid component, this same page of records is charted using any chart component that is bound to the same data source instance. If you change a value in a record displayed using this grid, the chart is automatically redisplayed showing any updates to charted values. Note that to manage editing of data using components other than the grid component, you must code appropriate event functions available for these components. You also have the option to code editing event functions for the grid component as well.
On a Blank view design page, lists of layout and content components appear in a COMPONENTS palette in the left-hand panel below the VIEWS pane. Properties for the view appear in a VIEW PROPERTIES pane in the right-hand panel. Between them, in the middle, is the view design panel where you drag-and-drop layout and content components for the view. Properties for any selected component that you have dragged-and-dropped in the view design panel appear in a COMPONENT PROPERTIES pane directly below the VIEW PROPERTIES pane.
* Adding data source instances and a CSS class list for a Blank view
* Editing the layout
* Adding content
* Adding navigation