Dashboard page builder

Responsive Page Composer

Services inactive! (local storage only)

Translation & Storage Service

Not checked

Corporate Portal

Composer Language

Saved pages

Pages

Sort

Widgets

Sort

Widget defaults

Widget

Applying to existing widgets only updates instances whose HTML, CSS, and JavaScript still match the previous widget defaults. A widget renamed on its own page keeps that name.

Default allowed spans 4 widths

Widget name

Widget max width

px

Minimum usable width

px

Flexible Columns (auto-adjust) Automatically widens this widget when its column span would render narrower than 1.35× its minimum usable width. Turn off to enforce only the strict minimum width.

Data source

API Live REST endpoint returning a snapshot payload. JSON Static .json file served from a URL.

Data source name or URLRequired

Preview as

Imported Translations

Blank values are translated automatically when you save. Keep markers like {strong} and {br} exactly as they are.

Widget source

Widget source

Widget preview

Widget preview

Page Details

Page Executive dashboard DASHBOARD_HOME

Page

Active

Code Title (Required)

Page Languages1 Languages this page can be published in.

Show page title Show "mock" badge Marks widgets rendering their built-in sample because no data source is set. Business Portal users can edit

Page styles Max width, padding, and background for the page itself.

Max width

px

Padding

Top Right Bottom Left

Page background

Default Widget Styling Starting gap, border, background, radius, and shadow. A widget can override its own.

Widget gap

px

Allowed CountriesAll Countries this page is available in

Allowed Ranks/Titles0 Ranks and titles this page is available to

Publish Start Publish End

Publish Timezone

12 column grid

Executive dashboard

0 widgets Compact masonry fit

Drop widgets here

Widget Options

Select a widget to view options.

Widget title Show title Visible at breakpoint

Current column span 6 / 12

Allowed column spans 4 widths

Allow scroll Flexible Columns (auto-adjust)

Styling Border, background, radius, shadow, and height

Minimum height

px

Data source

API Live REST endpoint returning a snapshot payload. JSON Static .json file served from a URL.

Data source name or URLRequired

Preview as

Source code Instance-specific HTML, CSS, and JavaScript

HTML CSS JavaScript

Layout JSON

Page details

Edit page

Code Title (Required) Show page title Show "mock" badge Marks widgets rendering their built-in sample because no data source is set.

Page Languages1 Languages this page can be published in.

Page styles Max width, padding, and background for the page itself.

Max width

px

Padding

Top Right Bottom Left

Page background

Default Widget Styling Starting gap, border, background, radius, and shadow. A widget can override its own.

Widget gap

px

Allowed CountriesAll Countries this page is available in

Allowed Ranks/Titles0 Ranks and titles this page is available to

Publish Start Publish End

Publish Timezone

Active Business Portal users can edit

Widget import

Languages

Imported static text becomes translation tokens. Languages are chosen per page, not per widget: whichever pages this widget is placed on bring it up to their own languages when they are saved.

Source language The language this file is written in. Everything else is translated from it.

Page import

Import pages

Import composer JSON/HTML exports, or any readable HTML page: it is split into widgets automatically. Choose a folder when the page ships with its own stylesheets and image files.

Source language The language this file is written in. Everything else is translated from it.

Page Languages 1 Languages this page can be published in.

Select the languages this page will be published in. Every widget on it is brought up to these languages when the page is saved.

Page appearance

Apply to existing widgets?

Version history

History

Publishing an earlier version changes what advisors see. Your draft is left exactly as it is.

Widget library

Add widget to library

Saves this widget's markup, styling and code as a reusable library widget, so it can be placed on any page. The copy on this page is not changed.

Widget name

Category

New category

Setting

Preferred flow: You do not have to build this by hand. Click AI Prompt below to copy our prompt, then paste it into Claude, ChatGPT or any coding agent along with any screenshots, references, or just a description of what you want. It carries the whole of the import rules, and the agent will ask you what it still needs before writing anything. Import the folder it hands back.

Sample Project

Import check

This looks like a widget

Import check

This page has tabs

Dashboard Page Builder

Sign in

This composer requires a login before changes can be saved.

Username Password

Loading composer Reading local page and widget files...