Customizing DatafariUI - DEV mode banner

Customizing DatafariUI - DEV mode banner

Valid from Datafari 5.1 (UI 1.0.0-beta-0.6.0)

checked for UIv2 1.0

In ui-config.json, you can set the dev mode on. It can be useful for instance to warn your datafari users that you have not finished configuring your Datafari, but that they can start playing with it. In DatafariUI, a warn banner will be showed in the bottom of the screen. Here is a sample configuration :

"devMode": { "enable": true, "banner": { "location": "BOTTOM", "content": "Dev mode banner content", "props": { "backgroundColor": "orange" } } }
  • enable : True to enable devMode.

  • banner : Define props for the banner

    • location (default is BOTTOM) : Define the location of the banner, between TOP or BOTTOM

    • content : Translation key of the banner content to display

    • props : Define CSS props for banner component

      • backgroundColor : background color of the banner