Configur8or main FAQ » Setup articles » Themes

ID #1021

Can I change the look of Configur8or / theme?

Yes. Configur8or uses various .css (cascading style sheets) and image files (.jpg, .gif & .png) to display its default look.

All the files are contained within three specific folders within a Configur8or installation, Themes\<Your Company>, Logos\<Your Company> and Config\<the default.xml file>.

E.g. For the default Configur8or v4 look, the two folders and one file in question are as follows:

c:\Inetpub\wwwroot\Configur8orv4\Logos\Configur8or &
c:\Inetpub\wwwroot\Configur8orv4\Themes\Configur8or
c:\Inetpub\wwwroot\Configur8orv4\Config\Default.xml

To create your own, you need to start by copying the Logos\Configur8or folder and the Themes\Configur8or folder and then by renaming each to a name of your choice. Please do not use special characters or spaces, just use letters and/or numbers.

E.g. if your company name was Joe Bloggs Co, you could have this:

c:\Inetpub\wwwroot\Configur8orv4\Logos\jbloggsco &
c:\Inetpub\wwwroot\Configur8orv4\Themes\jbloggsco

Then you need to edit the c:\Inetpub\wwwroot\Configur8orv4\Config\Default.xml file.

Find these lines:
<config>
<lang>english</lang>
<theme>Configur8or</theme>
<logo>Configur8or</logo>
<site></site>
<reports>Configur8or</reports>
<link text="Configur8or">http://www.configur8or.com</link>
</config>

And change them to these (obviously you will use your naming, change the ones shown in blue above) and save:
<config>
<lang>english</lang> (Don't change this line for english uk installations)
<theme>jbloggsco</theme>
<logo>jbloggsco</logo>
<site></site> (Don't change this line)
<reports>Configur8or</reports> (Don't change this line unless you know you have custom reports made)
<link text="Joe Bloggs Co">http://www.joebloggsco.com</link>
</config>

The above tells Configur8or that when it is run that it should use logos from the "jbloggsco" folder from within the "Logos" folder.
It also tells Configur8or that when it is run that it should use the theme files (.css and images) from the "jbloggsco" folder from within the "themes" folder.
Finally it tells Configur8or that it should change the default web-link to the new company name and directs it to the new companies web address when clicked.

Note:
Configur8or v4 customers who use Configur8or AdminAPril 2009 (or later) code can edit the default.xml using the new "Themes" area from within the Configur8or Admin program itself. Please see the latest Configur8or Admin guide for more information.

Once you have done the above, you need to modify the .css files within your newly named Themes\<your company>folder. You will need an understanding of how .css files are edited for alignment, drawing background images, font information and colour.


More on .css can be fount here: http://www.w3schools.com/css/

Also you will need to edit the images from this folder and the Logos\<your company> folder to suit your branding.

There are two guides available within the default Configur8or install that explain what each of the files contained within The Logos\Configur8or and Themes\Configur8or do. They are found here within a default install:
c:\Inetpub\wwwroot\Configur8orv4\Logos\Configur8or\Logos_Files_Information.pdf
c:\Inetpub\wwwroot\Configur8orv4\Themes\Configur8or\Themes_Files_Information.pdf

Each .css file also contains helper information.

IMPORTANT:
After adding your theme you must run the special Util98.htm and left-click on "reload static data" to update the Configur8or databse with relevant theme information for your theme. Failure to do this will stop your theme working and displaying properly.

In a default localhost install you would access this as follows: http://localhost/configur8orv4/util98.html or
on a webserver you would access this like so: http://YOUR-DOMAIN-NAME/YOUR-CONFIGUR8OR-VIRTUAL-FOLDER/util98.html

If unsure consult your web server administrator.

Configur8or v4 customers who use Configur8or Admin (the April 2009 or later build) code can use the "Refresh Static Data on Web Server" button instead to update the Configur8or theme database, from the "Settings" then "Web Server" tabs. Please see the latest Configur8or Admin guide for more information.

Caliburn Software Ltd also can be hired to set up your themes and images for you. Please call the sales department on: +44(0)1458 271345 for more information.

 

Tags: -

Related entries:

Last update: 2009-04-17 15:44
Author: Adrian Birch
Revision: 1.4

Digg it! Share on Facebook Print this record Send FAQ to a friend Show this as PDF file
Propose a translation for Propose a translation for
Please rate this FAQ:

Average rating: 5 (1 Vote)

completely useless 1 2 3 4 5 most valuable

You cannot comment on this entry