UI - Common

The platform has a common set of views that provide consistent and advanced functionality across all the clients in the platform including the Full Desktop App, Core App, Admin Console, and the Web.

Common Interface

The LemonEdge platform is designed to work across multiple application types and different interfaces.

As such we have common functionality that works across all interface types to provide a consistent, fast, and powerful set of views. This starts with our common approach to the layout.

Layouts

The system has several core layout concepts, these are as follows:

  • A Main Menu bar (The options of which are specified in Role design)
    • This menu may have different ways of displaying quick actions, user menu, etc. Or depending on the interface restrictions it may all be part of the same menu system.
  • A Context for each open item
    Whenever you open an item (such as list of Instruments) the system will open that and display the appropriate layout for it. Each item is opened in its own context.
    In a multi-window environment (such as desktop applications) you can have multiple layouts open at once and drag them out to their own windows.
    In a limited environment such as a phone, you can only work on one layout at a time.
    • A layout context holds the changes you are making in that layout. Each item you open has a different context allowing you to work on multiple things at once. Saving items only applies to the active context, other items will be unsaved until you explicitly save them.
    • A context can span across multiple layouts (indicated visually by them all getting the same colour) in which case saving will save changes made in both layouts. This usually happens when you make modifications in a layout then open those modified items from the layout in which case they all share the modifications in the same context.
  • Tool Windows
    Tool windows run against the layouts of the active open item. Changes made in them usually occur in the context of the active item they are working against.

See here for more information about our common contexts that all applications have. 

See here for more information on or various different applications.

Views

With a common layout architecture that works across console applications, web and desktop we also need to ensure when you are working on a grid of items that the grid functionality is consistent across all applications.

As such we have a common set of core views that provide most of the functionality for creating views in the application. This way when using our designers, or writing custom UI code yourselves against our API you can easily use these common views. 

By using the common views, instead of writing a view specifically for windows desktop app, you ensure the following:

  • Your UI view works across all client applications LemonEdge supports automatically
  • If we create a new client application (such as a dedicated phone app) your UI will automatically work with 0 changes
  • Creating views is incredibly easy and takes no time at all
  • You don't have to create a windows view, console view, web view, etc. It's all handled by LemonEdge for you.

The common views that are the base of most views in this system and work across all the applications are as follows: