When you create a project associated with User Experience mode model by using the Sample User Experience mode Application project template, it loads a Sample MVC project named Sample_MVC into the solution. The sample MVC project provides an example user interface for the Client Framework Sample system. This sample MVC project has been developed using the MVC Scaffolder, Razor Views, HTML5, CSS, Javascript, and Bootstrap. You can build the Sample_MVC project and run it against the deployed Sample system
To create a Client Framework application based on the Sample Client Framework project template, perform the following:
On the File menu, point to New, and then click Project.
The New Project dialog box appears.
In the Project Types pane, expand Templates, expand Agile Business Suite, and then click Samples.
In the Templates pane, select Sample User Experience mode Application.
In the Name box, enter the project name.
In the Location box, enter the path or browse to the location where you want to store the new project.
Click OK.
The New Application Wizard appears.
From the Server Name list, select the SQL server. By default, this field displays the system name.
In the Database Name box, enter the model name. By default, this field displays the solution name.
In the Model Name box, enter the model name. By default, this field displays the solution name.
Click Next.
The project creation confirmation message appears in the wizard.
Click Finish.
The Sample AB Suite User Experience mode model is restored.
Click Close.
The sample AB Suite User Experience mode model appears in the Class View window.
Note: You might have to restore the required NuGet packages that are referenced by the project to build the MVC project successfully. If you encounter problems in restoring the NuGet packages, you must ensure that the "nuget.org” package source is selected in the Package Sources page of the Options dialog box.
Running the Sample MVC Application
You can now run the application by performing the following:
Right-click the project and select Build from the context menu.
Right-click the project and select Set as StartUp Project.
Right-click the Sample_MVC application, point to Debug, and then select Start New Instance.
The home page of the sample MVC application appears.
You can now interact with the application accessing the various views from the menu bar.
Following are some points of interest when using the MVC application:
The Bootstrap layout system is used to provide responsive layouts as the screen width changes from desktop to tablet to mobile screen sizes.
Three themes are included to provide different color schemes based on user preference.
Additional control types are included, such as calendar and slider controls.
If the host application returns multiple errors, then a message appears in the status line with a link to display the errors in a modal dialog box.
The application does not provide console or report processing.