WebUI

This manual is meant for app developers who want to build a Web-based User Interface (in short, WebUI) for their AIMMS applications. To some extent, this manual may also prove itself to be useful as reference for the end users of such AIMMS WebUI apps, for example, when using widget configuration options available to them while running the WebUI applications on the AIMMS PRO platform (including the AIMMS Cloud).

• Getting Started
  • Requirements
    • Developing a WebUI app
    • Publishing a WebUI app
    • Running a WebUI app
  • Creating a WebUI
    • Authorizing model content for use in the WebUI
    • Public Identifiers
  • Publishing on AIMMS PRO
    • Example Projects
  • Quick Start: My First WebUI App
    • Underlying model
    • Creating an empty WebUI
    • Adding the widgets for input data
    • Including widgets for optimization data
    • Adding buttons
    • Solving the optimization model
    • Providing more structure to the UI
    • Adding What-If analysis
    • Modifying widget types
    • The final result
• WebUI Menu Bar
  • Page Menu
    • Specifying the Content
    • Custom Positions for Widgets
    • Adapting Your Custom CSS
    • The Old Style Menu
  • Page Manager
    • Adding a Page
    • Renaming a Page
    • Moving a Page
    • Changing the Visibility of a Page
    • Deleting a Page
    • Setting the Home Page
    • Wizards
    • Side Panels
    • Dialog Pages
  • Page Settings
    • Maximum Number of Columns
    • Procedure for Restricting Page Navigation
    • Page Actions
  • Widget Manager
    • Adding a widget
    • Custom Position
    • Using the Search Boxes
    • Locking Editors
  • Widget Types
    • Bar Chart Widget
      • Contents and Pivoting
      • Change Type
      • Barchart Settings
      • Totals
      • Identifier Settings
      • Store Focus, Hover and Select
      • Miscellaneous
    • Bubble Chart Widget
      • Specifying the contents
      • Overriding tooltips
      • Coloring
      • Specific options
      • Additional Remarks
    • Button Widget
      • Action
      • Miscellaneous
    • Download Widget
      • Creating a Download Widget
      • Example
    • Gantt Chart Widget
      • Ganttchart Settings
      • Pivoting
      • Viewport control
      • Minimum and Maximum Resource Height
      • Store focus
      • Adding, deleting and modifying tasks
      • Example
    • Group Widget
      • Form Input
      • Example
    • Image Widget
    • Label Widget
    • Line Chart Widget
      • Contents and Pivoting
      • Change Type
      • Linechart Settings
      • Totals
      • Identifier Settings
      • Store Focus, Hover and Select
      • Miscellaneous
    • Map Widget
      • Creating a map widget
      • Adding node sets
      • Store Focus, Hover and Select for nodes
      • Adding arc sets
      • Adding identifiers to arc option fields
      • Ordering and deleting node/arc sets
      • Miscellaneous options
      • Guidelines and best practices
    • Map Widget old style
      • Dynamic Node Sizing
    • Pie Chart Widget
      • Contents and Pivoting
      • Change Type
      • Totals
      • Identifier Settings
      • Hover and Select
      • Miscellaneous
    • Scalar Widget
      • Examples
    • Selection Widgets
      • Selection Widgets with Element Parameter
      • Selection Widgets with an 1-dimensional Binary Parameter
      • Identifier Settings
      • Miscellaneous options
    • Slider Widget
      • Features
    • Table Widget
      • Download Table Data
      • Creating Read-Only Cells
    • Text Widget
      • Widget menu
      • Inserting images
      • Creating links
    • Tree Map Widget
      • Contents and Pivoting
      • Change Type
      • Totals
      • Identifier Settings
      • Hover and Select
      • Miscellaneous
    • Upload Widget
      • Creating an Upload Widget
      • Example
  • Widget Options
    • Pivot
    • Change Type
    • Store Focus
    • Contents
    • Totals
    • Identifier Settings
    • Hiding Widgets
    • Number of decimals
    • Widget Actions
  • Data Manager
    • User Actions
  • Application Settings
    • Workflow Panel
    • Miscellaneous options
• WebUI Folder
  • Add the resources folder
  • Images
  • Load ordering
  • CSS styling
  • JavaScript
  • Multi-Language Support
• WebUI System Library
  • Pages and Dialog Support section
  • SetProgressMessage
  • RequestPerformWebUIDialog
  • OpenDialogPage
  • Authorization Support
• Technical Background
  • Current Limitations
  • Project Conversion
• Developing Custom Widgets
  • Open-sourcing WebUI
  • Creating a custom widgets
  • Widget development tutorial

Last Updated: October, 2019