Frontend settings

Changing the logo and other frontend settings

You do not need to pay the white-label fee in order to remove the Fleio logo from the top-left corner of Fleio web application.

How to change the top logo

For end-user panel edit file /var/webapps/fleio/frontend/site/constants.js

For staff panel edit file /var/webapps/fleio/frontend/site/staff/constants.js

Add the properties logo_light and logo_dark to the CONFIG JavaScript object and set their value to the full HTTP path of an image file.

The light logo will be used on dark backgrounds and the dark logo on bright background.

For example, here’s a how an end-user panel configuration would look like:

angular.module('fleiostaff.config').constant('CONFIG', {
      api_url: 'http://localhost:8000/staffapi',
      language: 'en', // default language
      base_url: '/staff/',
      home_url: '/staff',
      // logo_light: 'https://fleio.com/images/logo.png',
      // logo_dark: 'https://fleio.com/images/logo.png',
      items_display_mode: 'cardview', //cardview || listview
      enable_debug: false  // set to true in development to enable angular debug
    });

How to change default display mode for items

Change the items_display_mode property from the same constants.js files as stated above to either cardview to display the items as cards or listview to display them like a list. Note that the user will still be able to change the display mode for a page using the button from the top-right side of the page content.

White-label

If you want to remove the small Fleio link that appears at the bottom of the login screen and at the bottom of the left menu, you have to purchase the white-label option.