Creating App

Apps contain different views such as simple tabular grid, grouping grid, charts, etc. Based on the business requirement, the developer can choose appropriate view types to render business details and data to the end-user. The apps are placed within the sub workspaces and at this level, the developer has control over the data to be enabled to end user for various operations on it.
Apps can be classified based on the type of the views that they render. They are,

• Singular App or App - An app is always associated with a view or another app and the app can contain a view inside.
  
  Following are the different types of apps supported by Canvas:
  
  1. Simple Grid - A simple grid that works with a paging toolbar for navigating across the various pages.
  2. Live Scroll Grid - A simple grid that uses scroll based paging for navigating across the pages. Similar to Simple grid, this will have only page data available in the browser at any point in time.
  3. Live Scroll Grid with Cache - This is an advanced version of the Live Scroll Grid that caches the viewed page data on the browser as well as provide fixed action column as the first column for easier operation.
  4. Property Grid - This is a specialized grid that always has only 2 columns – one for the field and the other for the corresponding data.
  5. Grouped Grid - Single Level - This provides a simple one level grouped content on the grid.
  6. Grouped Grid - Multi Level - This provides multi-level group support with options for summary / totaling, aggregation, etc.
  7. Calendar - This provides a direct representation of a Calendar on the App.
  8. Analytical Charts - This provides the option to render the content as a wide variety of charts.
  9. Organization Chart - This provides the option to render a hierarchical set of data as an organization chart structure tree (top down).
  10. Tree - This provides the option to render a hierarchical set of data like an explorer tree (horizontal).
  11. Form - This provides the option to render a Canvas Form directly into an App.
  12. iFrame - This provides the option to render an iFrame against the pre-configured source URL.
  13. Advertisements - This is an extended version of the iFrame App that is pre-configured to Ads Manager module of Canvas. This can be easily switched to a different Ads server by configuration. The Advertisement View can be made dynamic, where it can be altered based on the User Login.
  14. Plugin (Empty App) - This is an option provided as a means of extension for user to emit content directly into the App space. Care must be taken when using this option as the content emitted will not be governed by Canvas system.
  15. App Shortcut - This provides the option to render the shortcuts created for the apps.

Default Instruction Class for the View Types

• Multi App - A Multi App (Composite App) is an app container, which provides the options for laying out Apps on it. This allows providing more fine interrelated behavior of the Apps and making them look like a single Canvas App.
  
  Following are the different layouts available for multi apps in Canvas Studio:
  
  1. Stack - This stacks one Canvas App below another with each Canvas App occupying the entire width provided and taking the height that it needs to render itself.
  2. 2-Column - This splits the Composite App area into two columns and lays out the Canvas Apps across the two columns one below another. Each Canvas App has to occupy the width provided by the column and take the height that it needs to render itself.
  3. Tab - This renders the list of child Canvas Apps as a series of tabs.
  4. Card - This renders the list of child Canvas Apps one above the other like a pack of cards. Switching from one card to another can be done only through the API provided by Canvas UI Framework.
  5. Explorer - This splits the area of the Composite App into five regions – North, South, East, West and Center. The Child apps provided are accordingly targeted to each of this region.
  6. Switch - This renders the first child App into the complete area of the Composite App and integrates in the App customizer option to provide the option to switch across the other child apps.

  7. Indexed - This is an extension of the Card layout that displays a set of Index buttons (one below the other) using which the navigation can be done across the cards.

     Multi Apps (Composite Apps) on Native mobile apps will display in Tab layout only.

View the following pages