Config Creator

This section will allow you to build a config object for customising the UI. It will also help you encode it and preview it in the browser.

info

You can still use the top-level query params, discussed previously, such as ?access_token=... or ?hide_navigation=true. These will take precedence over the values defined in the config.

Authentication

Business

Business name

Override PowerAPI's name

Business logo

Override PowerAPI's logo

Initial business

Select...

Users business that should be selected initially, defaults to the first business

Controls

Hide header

Hide navigation

Hide tabs

Force Theme

Select...

Overrides the users and browsers preference

CSS

:root {
    --powerapi-color-primary: 192 38 211;
    /* change colors using r,g,b values */
    /* try changing the following to */
    /* orange using 234 88 12 */
    --powerapi-color-primary-light: 219 39 119;
    --powerapi-color-primary-dark: 23 27 94;
    --powerapi-color-error: 230 14 82;
    --powerapi-color-danger: 234 49 35;
    --powerapi-color-warning: 247 194 0;
    --powerapi-color-success: 30 170 102;
    --powerapi-color-disabled: 174 179 189
}

Strings

Key

Value

Preview

Initial URL

The initial url or path and query which will be merged into the preview URL

Output

Config
{
  "hide": {
    "header": false,
    "navigation": false,
    "tabs": false
  },
  "css": "data:text/css;base64,OnJvb3QgewogICAgLS1wb3dlcmFwaS1jb2xvci1wcmltYXJ5OiAxOTIgMzggMjExOwogICAgLyogY2hhbmdlIGNvbG9ycyB1c2luZyByLGcsYiB2YWx1ZXMgKi8KICAgIC8qIHRyeSBjaGFuZ2luZyB0aGUgZm9sbG93aW5nIHRvICovCiAgICAvKiBvcmFuZ2UgdXNpbmcgMjM0IDg4IDEyICovCiAgICAtLXBvd2VyYXBpLWNvbG9yLXByaW1hcnktbGlnaHQ6IDIxOSAzOSAxMTk7CiAgICAtLXBvd2VyYXBpLWNvbG9yLXByaW1hcnktZGFyazogMjMgMjcgOTQ7CiAgICAtLXBvd2VyYXBpLWNvbG9yLWVycm9yOiAyMzAgMTQgODI7CiAgICAtLXBvd2VyYXBpLWNvbG9yLWRhbmdlcjogMjM0IDQ5IDM1OwogICAgLS1wb3dlcmFwaS1jb2xvci13YXJuaW5nOiAyNDcgMTk0IDA7CiAgICAtLXBvd2VyYXBpLWNvbG9yLXN1Y2Nlc3M6IDMwIDE3MCAxMDI7CiAgICAtLXBvd2VyYXBpLWNvbG9yLWRpc2FibGVkOiAxNzQgMTc5IDE4OQp9"
}

Encoded URL
https://app.staging.powerapi.com/?config=eyJoaWRlIjp7ImhlYWRlciI6ZmFsc2UsIm5hdmlnYXRpb24iOmZhbHNlLCJ0YWJzIjpmYWxzZX0sImNzcyI6ImRhdGE6dGV4dC9jc3M7YmFzZTY0LE9uSnZiM1FnZXdvZ0lDQWdMUzF3YjNkbGNtRndhUzFqYjJ4dmNpMXdjbWx0WVhKNU9pQXhPVElnTXpnZ01qRXhPd29nSUNBZ0x5b2dZMmhoYm1kbElHTnZiRzl5Y3lCMWMybHVaeUJ5TEdjc1lpQjJZV3gxWlhNZ0tpOEtJQ0FnSUM4cUlIUnllU0JqYUdGdVoybHVaeUIwYUdVZ1ptOXNiRzkzYVc1bklIUnZJQ292Q2lBZ0lDQXZLaUJ2Y21GdVoyVWdkWE5wYm1jZ01qTTBJRGc0SURFeUlDb3ZDaUFnSUNBdExYQnZkMlZ5WVhCcExXTnZiRzl5TFhCeWFXMWhjbmt0YkdsbmFIUTZJREl4T1NBek9TQXhNVGs3Q2lBZ0lDQXRMWEJ2ZDJWeVlYQnBMV052Ykc5eUxYQnlhVzFoY25rdFpHRnlhem9nTWpNZ01qY2dPVFE3Q2lBZ0lDQXRMWEJ2ZDJWeVlYQnBMV052Ykc5eUxXVnljbTl5T2lBeU16QWdNVFFnT0RJN0NpQWdJQ0F0TFhCdmQyVnlZWEJwTFdOdmJHOXlMV1JoYm1kbGNqb2dNak0wSURRNUlETTFPd29nSUNBZ0xTMXdiM2RsY21Gd2FTMWpiMnh2Y2kxM1lYSnVhVzVuT2lBeU5EY2dNVGswSURBN0NpQWdJQ0F0TFhCdmQyVnlZWEJwTFdOdmJHOXlMWE4xWTJObGMzTTZJRE13SURFM01DQXhNREk3Q2lBZ0lDQXRMWEJ2ZDJWeVlYQnBMV052Ykc5eUxXUnBjMkZpYkdWa09pQXhOelFnTVRjNUlERTRPUXA5In0=

A token is required for the preview, use the Authentication widget at the top of the page to generate one.