ApEx UI Uplift

Edit online

Applies to: 12.11.0 and later

Introduction

The ApEx changes is the first step to modernize the look and feel of TBM Studio and the CT platform. ​It focuses on updating the look and feel of TBM Studio by adopting ApEx styling and colors. The ApEx UI setting will be enabled by default for all new projects created by new or existing customers.

​

The changes are applied to the report section, and then automatically applied to the report collections, tables, and Editable Tables. The look and feel of the following UI components has been updated:

Note: If the older UI is preferred for consistency with other existing projects, disable the new ApEx design by navigating to Project tab > Project Settings > and uncheck the Enable Apex UI option.

Open Reference Projects

Applies to: 12.11.2 and later. The Apptio reference applications like Vendor Insights, Costing Standard, Billing, etc are also enabled with Apex UI. The Admins and the end users can see reports in the new modern UI.

Components Impacted

The following report components are impacted by the new design:
  • Colors of all charts and fonts
  • Borders across all components
  • Icons, Context Menu, Font size
  • KPIs
  • Tabs
  • Tables
  • Editable Table Upload
  • Slicers
  • Dialog Box
  • Column pickers
  • Editable Table
  • Pivot
  • Notifications (Not applicable to CT view)

'Before and After' views of Enabling Apex UI

Dashboard

KPI

Tabs

Slicers

Charts

Dialog box

Context Menu

Tables, Tree Tables, Editable Tables

Editable Table Upload

Editable Table Buttons

Quick Pivot

Column Picker

Notification

Table Cell Scorecard

NOTICE: This feature is available for old and new UI, and does not require the ApEx Uplift option to be enabled.

Zoom

This feature is available for old and new UI, and does not require the ApEx Uplift option to be enabled. To see a video demonstration of this, click here.

Flyout Menu

The Flyout menu (Currency, Export, Reset, and Refresh) has been updated on CT view.

Studio Explicit
  • Component Selection color change (changed to blue from yellow and green) (edited)
  • Table Section & Editable Table Section
  • Toggle for Old & New UI