AWE 5 components

Elements that are new in AWE 5, redesigned in the new design language. Done items keep the behaviour of the current implementation; Planned items are proposals from the roadmap.

Sample screen Design tokens Login page

Grid features

Multi-line cells with tooltip

#825Done
TicketDescriptionStatus
SR-3104 Pallet 14 arrived with two damaged cartons. The carrier signed the delivery note with remarks; claim opened with photos attached and the replacement order is waiting for approval. Open
SR-3099 Customer asks to move every delivery of November to Thursday mornings. Solved
SR-3087 Invoice INV-2026-4398 shows the old price list for 6 items. Credit note requested to finance and a corrected invoice will be sent once the price agreement is renewed. In progress

Columns wrap up to a configurable number of lines (here 2); the row grows only as needed, the rest is cut with an ellipsis and the full text shows in a tooltip.

Radio and button-bar columns

#838Done
WarehouseReplenishmentPriority
Madrid Central
Barcelona Port
Valencia South

One column holds a list of options like a select: radios or a joined button bar. Each row sends its value; arrow keys move the choice.

Sparkline column

#855Done
ProductTrend · 12 weeksWeekly unitsMarginLast

A mini chart per row (line, bars or area) with negatives in the danger colour and markers for the minimum, maximum and last point.

Expandable row detail

#835Done
ExpandOrderCustomerAmountStatus
SO-58214Acme Industrial Supplies6,980.00Shipped
Ship to
Hamburg-Billbrook, dock 4
Carrier
Nordline Freight · SH-20418
Delivered
Expected 24 Oct, 10:00
ItemQtyPrice
Steel shelving unit 180 cm12389.00
Pallet wrap, 23 µm4057.80
SO-58209Helios Energy BV12,400.00Picking

A row opens a detail area under it (fields or a nested grid) without leaving the list.

Move rows

#842Done
Picking sequence · select a stop
#StopWindow
1Acme Industrial · Hamburg08:00–09:00
2Lumen Retail · Lyon10:30–11:00
3Brightline Logistics · Zaragoza13:00–14:00
4Sakura Foods · Barcelona16:00–17:30

Toolbar actions move the selected rows up, down, to the top or to the bottom; the order is sent with the grid values.

Data bars in cells

#831Planned
RegionRevenue (EUR)Margin vs. plan

A bar behind the number shows its size against the column maximum; negative values grow to the left in the danger colour. The number stays readable on top.

Secondary line, status and tags in cells

#832Planned
CustomerStatusTags
AI
Acme Industrial SuppliesHamburg · since 2019
 Active EnterpriseKey account+3
NM
Nordvik Marine ASBergen · credit at 92%
 On hold EnterpriseMarine
FS
Ferro & Sons ConstructionMilan · 3 invoices overdue
 Blocked SMB

A cell can carry a muted second line, a status with a coloured dot and a short tag list that collapses into “+n” with a tooltip.

Row grouping with subtotals

#833Planned
OrderCustomerDateLinesAmount (EUR)
Spain · 3 orders3124,315.40
SO-58230Brightline Logistics SL21 Oct 20261212,980.50
SO-58226Sakura Foods Iberia20 Oct 202699,870.40
SO-58219Veloria Retail Partners18 Oct 2026101,464.50
Subtotal Spain3124,315.40
Germany · 2 orders2689,430.00
SO-58214Acme Industrial Supplies23 Oct 2026146,980.00
SO-58201Atlas Pharma GmbH15 Oct 20261282,450.00
Subtotal Germany2689,430.00
France · 1 order83,215.90
Grand total · 6 orders65116,961.30

Rows group by a column with a collapsible header that keeps its count and totals; each group ends with a subtotal row and the footer shows the grand total.

Quick search and value filters with filtered totals

#834Planned
Status: Open, Overdue 5 of 8 rows
InvoiceCustomer Status Amount (EUR)
INV-2026-4471Acme Industrial SuppliesOpen6,980.00
INV-2026-4466Helios Energy BVOpen12,400.00
INV-2026-4459Ferro & Sons ConstructionOverdue1,250.00
INV-2026-4452Lumen Retail GroupOpen3,215.90
INV-2026-4447Nordvik Marine ASOverdue45,120.00
Filtered total · 5 of 8 rows (all rows: 152,286.40)68,965.90

Quick search filters every column as you type; a column filter lists its values with counts. Footer totals recalculate for the visible rows and say so.

Pager with range, total and go to page

#826#874Done
Rows 11–15 of 18

The pager says which rows are visible and how many exist, and a page field jumps straight to a page (page 3 of 5-row pages shows rows 11–15).

Columns dialog per user

#813Done

Columns

Customers grid · saved for Pat Vega

  • CodePinned
  • Customer
  • Balance (EUR)
  • Status
  • Tax ID
  • Account manager

Users show, hide and reorder columns (drag or arrows) and keep the layout per user; Restore default brings back the screen definition.

Criteria & forms

Month picker and date formats

#820Done

Date criteria accept a display format and options; a month criterion only picks month and year.

Date range with shortcuts

#839Done
Required, with a default of next month

Two linked dates (the end cannot be before the start) and shortcuts for the usual periods.

Uploader with drop zone, preview and camera

#841Done
Proof of delivery
delivery-SH-20418.jpg1.8 MB · 4032 × 3024
Signed delivery note

Drop a file or

Contract Read only

framework-agreement-2026.pdf

Drop zone, image preview with clear, and a button that opens the device camera; read-only uploaders show the file but disable the actions.

Reveal the first invalid field across tabs

#827Done

On validation the tab that holds the first error opens, the tab shows an error count, the field is marked and receives the focus.

Required to save vs. required to finish

#840Planned

* Required to save Required to finish

Needed to finish
Needed to finish

Two levels of required: “*” blocks saving; the finish marker lets the user save a draft and lists what is still missing before the record can be finished.

Advanced search

#790Planned
Match
of these conditions
€

Any of

days

Conditions on any field with operators, nested All/Any groups and searches saved per user.

Visible access restrictions

#791Planned
View only. This record belongs to Finance; you can read it but not change it.
€ Only the Finance role can change the credit limit

Fields and actions the user cannot use stay visible with a lock and the reason, instead of disappearing or failing on save.

Overlays & panels

Field context menu and row menu button

#801Done
€
LineQtyMenu
Steel shelving 180 cm12
Pallet wrap 23 µm40
Corner protectors200

A field, button or tab can declare its own context menu (right-click or Shift+F10); a button inside a row opens that row’s menu with the same options and dependencies as the grid menu.

Maximize and restore

#799#813Done

Stock by warehouse

WarehouseSKUsUnitsFill rate
Madrid Central4,812182,34087%
Barcelona Port3,945120,11874%
Valencia South2,21064,90291%

A window or a grid fills the content area with one click (menu and header stay visible) and Restore, or Esc, brings it back to its place.

Side panel

#843Done

A panel slides in from the right edge to edit a record without leaving the screen, with its own footer of actions.

Popover anchored to a button

#843Done

Quick edits open next to the button that launches them (below or to the right), with criteria, a grid and Cancel / Accept.

Dialog sizes

#844Done

Dialogs keep the size the screen asks for (small 360 px to full screen); content scrolls inside, header and footer stay fixed.

Navigation & launchers

Launcher pages with descriptions and a third level

#828Done

Each launcher card can carry a short description, and a launcher can open another launcher: the breadcrumb shows the third level and every step back.

Data visualisation

Pivot table with options

#821#878Done
Available fields CustomerSegmentMonthCarrier
RowsRegion
ColumnsQuarter
Values
RegionQ1Q2Q3Q4Total
Centre412.5438.2451.9398.11,700.7
East356.0371.4402.8366.31,496.5
North221.7209.3236.0244.8911.8
South178.4190.6214.2208.9792.1
Total1,168.61,209.51,304.91,218.14,901.1

Users drag fields to rows and columns, choose the aggregation and the orientation; the table shows totals per row and per column.

Map

#798Done

A map with markers, popups and a route drawn between points; controls and panels use the same surfaces and buttons as the rest of the screen.

Colour scale cells and grid without header

#830Done
Dock utilisation by weekday (%)
WarehouseMadrid Central
Open docks14 of 16
Next arrivalNordline Freight · 10:40

The cell colour follows its value on a 5-step scale derived from the primary; a grid can drop its header so the first row sits at the top with no empty band.

KPI component

#836Planned
On-time deliveries2.4 pt
96.8%
Last 8 weeks · target 95%
Monthly revenue
€412,600
82% of €500k
8 working days left
Overdue balance8.1%
€48,920
Last month€45,250
23 invoices past due
Open orders
342+12 today

A KPI shows a value with its label, the change against a period, and optionally a trend, a target progress or a comparison; it links to the detail.

Feedback & loading

Skeletons: grid, screen and dim

#856#869Done
Grid · real header, grey rows up to the page size
CustomerStatusBalance
Screen · first load keeps the layout
Dim · refreshing data that is already shown
CustomerBalance
Acme Industrial82,450.00
Brightline Logistics12,980.50
Nordvik Marine45,120.00
Refreshing…

Instead of a spinner, loading shows the structure that is coming: the grid keeps its header, the first screen keeps its layout, and a refresh dims the current data.

Configurable grid empty state

#837Done
ShipmentCarrierETA

No shipments today

Shipments scheduled for today appear here. Plan one now or check tomorrow’s list.

Each grid can set its own empty title, text, icon and action instead of a generic “No data”.

Avatar without image and first-load splash

#864Done

Avatars

PV PVMS+3

Photo, initials, or a generic icon when there is no image; never an empty hole.

Operations Hub
Loading your dashboard…

Users without a photo get a generic avatar; after login the first screen shows a splash and then its skeleton until the data arrives.

Edit shipment

SH-20418 · Madrid Central → Hamburg

Dialog

The body scrolls when the content is taller than the dialog; the header and the footer stay in place.