Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Sv translation
languageen
Note

You need to have Domain administrator role assigned to change BellaDati's design. In multi-domain configurations, you must have the Global admin role.

BellaDati allows you to change:

  • Header logo
  • Top and bottom menu background and text color
  • Application background color
  • Custom HTML and stylesheet
  • Custom Login page

 

Column
width200
Panel

On this page:

Table of Contents

Info

See the detailed whitelabeling manual here.

Changing look and feel

Go to Domain and select Look&Feel Settings in left navigation bar.

Upload new logo or select from color picker to modify menu, background or footer colors.

From the Look&Feel window, it is possible to change the following settings:

  • Logo displayed in the top left corner
  • Favicon
  • Menu color
  • Menu text color
  • Background color
  • Footer color

Image Added

Users can also manually change the CSS Stylesheet or the PDF export CSS stylesheet.Image Removed

Tip

While changing stylesheets we recommend to use Firefox's Firebug or Chrome's Developers Tools to identify used selectors.

Tip

Try our sample custom stylesheet

 

Results

Eventually, results may look like as follows:

Adding Custom HTML

BellaDati allows you to place custom HTML at:

  • the end of the head
  • the beginning of the body
  • the end of the body

Go to Domain and select Custom HTML in left navigation bar.

Place your HTML into appropriate text box.

Custom Login page

Enable custom login and edit the HTML for your customized login page.

Here is the result:

BellaDati Dark theme

Tip

Try our dark theme and dark login stylesheet!

 

Custom email template

There are two ways how to customize email content.

1. If you want to set it for whole BellaDati installation, login as super admin and go to Settings - Configuration - Look & Feel box.

2. For one domain - login as domain admin, go to Manage Domain - Look & Feel box on left side of screen. This also overrides settings for whole installation.

For both options there are three parts which you can customize:

Email template - end of head - if you want to customize head of the template, add you code here.

Email template - beginning of body - if you want to override the default header, add you code here.

For example logo of your company can be added to header with this HTML code:

Code Block
languagexml
<p><img src="http://www.foresealife.com/front_query/image/logo.jpg"/></p>

Email template - end of body - if you want to override the default footer, add you code here.

For example some information about your company can be added in footer:

Code Block
languagexml
<p>Company name</p>
<p>Company address</p>
<p>email@company.com</p> 

Next Steps

 

List siblings

...