Dashboard Views and Detail Views consist of View Items - abstract UI entities represented by ViewItem class descendants. To create actual controls, each item type overrides the protected CreateControlCore method, called when an item needs to be displayed in a UI. Since different controls are used in Windows Forms, ASP.NET and Mobile applications, there are View Items individually implemented for Windows, Web and Mobile UI. These items are supplied in DevExpress.ExpressApp.Win, DevExpress.ExpressApp.Web and DevExpress.ExpressApp.Mobile assemblies respectively.
The Application Model displays nodes for all View Items in your application. You can use the Application Model to customize View Items.
This node has child nodes that correspond to the basic View Item types. These View Items are used to construct Detail Views. Examples of these base types are Static Text, Static Image, Property Editor, etc. Each base type is actually represented in the UI by a particular descendant class. This descendant is specified via the DefaultItemType property. If there are multiple descendants available, you can select the desired class via the property's drop-down list.
Since different data types require different Property Editors, the PropertyEditors node supplies child nodes corresponding to data types. These child nodes specify the default Property Editor for each data type, using the EditorType property.
The following picture illustrates the ViewItems node:
Views | DashboardView or DetailView | Items node
This node lists the current Detail View's items. By default, it contains only Property Editor nodes. Their PropertyEditorType property specifies the Property Editor type used in a UI. Of course, you can change the default property value by selecting another property editor type from the dropdown list.
You can also add other View Items to a Detail View. To do this, use the Model Editor's context menu. If you add a Static Text, Static Image or Control item, you can use the ItemType property to specify the actual class used to represent this item in a UI.
Views | DashboardView or DetailView | Layout node.
This node specifies the layout of the current View's items. Items can be grouped or located separately. You can change the default layout, by using the context menu and specifying property values in the Model Editor. In addition, the Model Editor allows you to view the resulting items layout. When the Layout node is selected, the property list to the right is displayed with a design surface that emulates the current View. To drag the View Items, right-click on the empty space, and select Customize Layout. The Customization form will be invoked. Close this form, to go back to the view mode of the emulated View.
You can find built-in View Items from the eXpressApp Framework libraries in the Model Editor, invoked for a Windows Forms, ASP.NET or Mobile application project, since the DevExpress.ExpressApp.Win assembly is referenced in Windows Forms application projects, the DevExpress.ExpressApp.Web assembly in the Web application projects, and the DevExpress.ExpressApp.Mobile assembly in the Mobile application projects.