Skip to main content

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

or

Unauthenticated

Business

Override PowerAPI's name

Override PowerAPI's logo

Select...

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

Controls

Hide header
Hide navigation
Hide tabs
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

Preview

The initial 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.powerapi.com/?config=eyJoaWRlIjp7ImhlYWRlciI6ZmFsc2UsIm5hdmlnYXRpb24iOmZhbHNlLCJ0YWJzIjpmYWxzZX0sImNzcyI6ImRhdGE6dGV4dC9jc3M7YmFzZTY0LE9uSnZiM1FnZXdvZ0lDQWdMUzF3YjNkbGNtRndhUzFqYjJ4dmNpMXdjbWx0WVhKNU9pQXhPVElnTXpnZ01qRXhPd29nSUNBZ0x5b2dZMmhoYm1kbElHTnZiRzl5Y3lCMWMybHVaeUJ5TEdjc1lpQjJZV3gxWlhNZ0tpOEtJQ0FnSUM4cUlIUnllU0JqYUdGdVoybHVaeUIwYUdVZ1ptOXNiRzkzYVc1bklIUnZJQ292Q2lBZ0lDQXZLaUJ2Y21GdVoyVWdkWE5wYm1jZ01qTTBJRGc0SURFeUlDb3ZDaUFnSUNBdExYQnZkMlZ5WVhCcExXTnZiRzl5TFhCeWFXMWhjbmt0YkdsbmFIUTZJREl4T1NBek9TQXhNVGs3Q2lBZ0lDQXRMWEJ2ZDJWeVlYQnBMV052Ykc5eUxYQnlhVzFoY25rdFpHRnlhem9nTWpNZ01qY2dPVFE3Q2lBZ0lDQXRMWEJ2ZDJWeVlYQnBMV052Ykc5eUxXVnljbTl5T2lBeU16QWdNVFFnT0RJN0NpQWdJQ0F0TFhCdmQyVnlZWEJwTFdOdmJHOXlMV1JoYm1kbGNqb2dNak0wSURRNUlETTFPd29nSUNBZ0xTMXdiM2RsY21Gd2FTMWpiMnh2Y2kxM1lYSnVhVzVuT2lBeU5EY2dNVGswSURBN0NpQWdJQ0F0TFhCdmQyVnlZWEJwTFdOdmJHOXlMWE4xWTJObGMzTTZJRE13SURFM01DQXhNREk3Q2lBZ0lDQXRMWEJ2ZDJWeVlYQnBMV052Ykc5eUxXUnBjMkZpYkdWa09pQXhOelFnTVRjNUlERTRPUXA5In0=
A token is required for the preview, use the Authentication widget at the top of the page to generate one.