ProAppDesigner

What is ProAppDesigner?

  • Suite of UI and backend components built as add-on to Aras Innovator.
  • No code solution to generate modern, complex, responsive, mobile friendly UI.
  • ProAppDesigner comes with TemplateStudio to create template for an ItemType and Wizard to show details of the Item at runtime.
  • Worksheet control with Excel-like editing within Innovator.
  • Automates creation of MS Word and PDF documents based on selections through wizard pages.
  • TechnicalDataPackage (TDP) Export and Import for offline usage and changes.
  • Role based Type specific and global Dashboards.
  • Works with Innovator version 12SP5 onwards in both on-premises and enterprise deployments.
ProAppDesigner

Benefits

  • Create and visualize data more effectively with modern, intuitive UI powered by rich UI control library.
  • Fast and efficient editing experience with feature rich widget library like Worksheet.
  • Ability to work on devices with diverse form factors like desktop, laptop, tablet, mobile due to fluid responsive UI.
  • Ease of making changes to the UI layouts and content with no dependency on development teams.
  • Ability to subscribe to important events on an Item or ItemType to get notified and respond right in time.
  • Configuration driven UI powered by TemplateStudio is 80% faster than conventional custom code.
  • Easy upgrades, independent of Innovator version.
  • Swift change management due to quick feedback from end users.
  • Reduce implementation costs with backend components.

Features

  • Pages and Dialogs for building multi-page and single-page applications.
  • DynamicLayout controls (Sections and Groups) in Toolbox to organize controls on the pages and dialogs.
  • Basic controls in Toolbox for presenting all property types from ItemType definition.
  • Table control to show Related Item data in tabular form with drag & drop, conditional formatting, computed columns capabilities.
  • Preview feature for reviewing changes quickly while building the template without creating Item from ItemType.
  • Display Condition on all UI controls can be defined with expression to dynamically render or hide controls based on property values.
  • Default Value on Text control to show computed value based on the expression built from other properties.
  • Validation Rules on all controls to validate entered data before submitting the request to server. Rules can be built based on the expression from the properties of the current and previous pages.
  • Conditional Formatting can be defined on Text control and Table control column to highlight the fields or cells with defined styles. Rules are built with expression based on thresholds set on property value.
  • ButtonGroup control to define actions that can show dialogs or standard actions from Innovator like WhereUsed, StructureBroswer, DPN View etc.
  • RichText control will allow user to create rich-text that can be stored as formatted text property on the item.
  • Signature control can capture user signature as picture and store it as image property on the item.
  • Report control can show table or chart-based reports defined based on QueryDefintion for local and global data.
  • Structure control can show any structured data with all relationships with the help of defined QueryDefintion.
  • Item control can show item property from the item. Items control can show related items from a RelationshipType with keyed names.
  • Navigation panel is shown based on the defined pages and their order, provides guided UI with next and previous buttons.
  • Responsive UI: Controls rendered on the page will get adjusted to the available page width to avoid showing horizontal scrollbars.

Typical Workflow

  • Create DataModel (ItemTypes & RelationshipTypes) for the application.
  • Create UI Template for the root ItemType and bind it to the DataModel.
  • Publish the template through Lifecycle.
  • Create, View and Edit actions from Innovator now uses published Template for creating or accessing the Item.
Typical Workflow
Template Studio

Template Studio

  • Template studio enables creating template for a specific ItemType. ItemType properties and relationships can be used to create UI of the template. Upon publishing the template, ItemType default form will be overridden with the template.

Wizard

  • Wizard is a separate single page application (SPA) used to show details of the item at runtime. When you select item from Innovator search grid, if the item has published ProAppDesigner template, item details with be shown using the template instead of using default Innovator form. When you click on Create action from search grid, same template will be used to show the page with empty controls.
Wizard
Dashboards

Dashboards

  • Type dashboards
  • Global dashboard
  • User Dashboard
  • Dashboards can have dashboard tables, worksheets, reports, frame with external content
  • Dashboard shows dashboard tables and worksheets with pre-applied filters
  • If admin defines dashboard tables and worksheets without enforcing pre-applied filters, end user can change the filter expression by using all advanced operators in the expression builder
  • Roles specific dashboard tables and dashboard table columns
  • Dashboard table and worksheet can be shown in edit or read-only mode with conditional formatting and computed columns
  • With table and worksheet in edit mode, end-user can edit the item data (inline editing) within the table/worksheet and save the changes in bulk without accessing item details page
  • Embedding PowerBI Reports

Advanced Table

  • Can render relationships and related items data of the context item​
  • Can also render reference data (WhereUsed items of a specific ItemType) of the context item​
  • Has features like Computed Columns, Validation Rules and Conditional Formatting​
  • Supports variable row height, row height will be adjusted based on the cell content​
  • Supports Cell navigation by navigation keys and all other shortcut keys are allowed Copy, Paste, Delete etc.​
  • Allows reordering of rows with Drag & Drop​
  • With Column Width setting, column widths can be set in percentage or pixels. With percentage option, horizontal scrollbar will never be shown​
  • With Cascade Delete setting, all child relationships and related items are deleted when the context item is deleted​
  • Freeze Column: fix columns that are always visible and don’t move along with horizontal scrollbar​
  • Can be configured to show either Scrolling or Pagination​
  • Can render 5,000 rows in less than 10 seconds
Advanced Table
Worksheet

Worksheet

  • Worksheet control provides Excel experience for creating data sheets​
  • Property based columns constrained with data types​
  • Nested rows from child relationships​
  • Computed Columns, Validation Rules and Conditional Formatting​
  • Cell navigation by navigation keys​
  • Excel type of Sorting and Filtering​
  • Copy Paste between Excel and worksheet controls​
  • Drag & Drop​
  • Cell copy by drag​
  • Undo & Redo​
  • Freeze Column: fix columns that are always visible and don’t move along with horizontal scrollbar​
  • With Column Width setting, column widths can be set in percentage or pixels. With percentage option, horizontal scrollbar will never be shown​
  • With Cascade Delete setting, all child relationships and related items are deleted when the context item is deleted​
  • Can render 10,000 rows in less than 10 seconds

Tree Table

  • TreeTable allows showing child relationship data of same root type as children in the table​
  • First column in the table shows tree structure, node should show expand and collapse icon if it has children​
  • Computed values, validation rules, conditional formatting can be configured at all levels​
  • Should be able to add, edit, delete rows at any level in the tree in same window without opening new tabs​
  • All incremental updates made at all levels can be saved to server in a single transaction​
  • Add or insert rows at the sibling or child level​
  • Freeze Column: fix columns that are always visible and don’t move along with horizontal scrollbar​
Tree Table
Structure Control

Structure Control

  • Allows to show any structure which contains items of different ItemTypes and RelationshipTypes​
  • Bound to Query Definition, that defines which RelationshipTypes, Related ItemTypes and properties​
  • In edit mode, structure can be modified by adding or inserting new children or by deleting existing children​
  • Flyout to show details of selected node and its relationships​
  • Configuration on which items to show in tree and which to be shown in table​
  • Configuration to show/hide tree nodes

Graph Control

  • Show structured data of the context item in the graphical structure​
  • Bound to Query Definition, that defines which RelationshipTypes, Related ItemTypes and properties to show in the Graph​
  • Editable Graph to modify the structure​
  • Flyout to show details of selected node and its relationships​
  • Advanced Filtering based on ItemType and its properties​
  • Conditional Formatting Rules to set background color for nodes dynamically
Graph Control