the web front-end for your database

Theme Setup

dbFront ships with a single theme and uses the content delivery network code.jquery.com  to make the other themes available.  Below you will find instructions on how to create and locally install your own themes.  You can also disable the use of the Content Delivery provided themes.

Disable Content Delivery Themes

If you want to disable the use of the content delivery network then you can do so by setting the following configuration to false.

<configuration>
  <appSettings>
    <add key="UseCDN" value="false" />
  </appSettings>
</configuration>

Getting and Installing a Custom Theme

It is always possible to hire someone to create a custom jQueryUI theme for you but one of the first things you should consider is using the jQuery provided Theme Roller.  The Theme Roller allows you to start with one of their existing themes and then adjust it to suit your own needs.   The URL for their theme roller is:  http://jqueryui.com/themeroller/.

Using the ThemeRoller is quite intuitive.  The steps are:

  1. Select the Gallery tab,
  2. Find a theme you like and click Edit,
  3. This will switch to the Roll Your Own tab,
  4. Adjust the theme to suit your needs,
    Note: Keep a log of your changes for when a new version of jQueryUI is released.
  5. Once done, click the Download theme button,
  6. On the download page specify:
    • Version: 1.11.4
    • Components: ALL
    • Scope: [ leave blank ]
    • Click Download

NOTE: It is important to keep a log of the changes you made to the theme incase you need to download an updated version.   dbFront will be updated to use a newer version of jQueryUI in the future.

Installing

dbFront looks for themes in the folder "themes" in the website folder.  Each theme should be contained in its own folder.   The name of the folder will be the name that dbFront displays to the user.

‚ÄčOnce you have created and downloaded the theme then you can install it into the dbFront Theme folder following the instructions below:

  1. Open the zip file,
  2. Copy the folder you find there into the dbFront Theme folder,
  3. Rename the folder to something short but meaningful.  e.g. Company-Theme (Use Dashes to separate words)

Theme Folder

 Your theme folder should contain at least the following files:

  • Images folder
  • jquery-ui.css
  • jquery-ui.min.css

You may want to keep the other files since they make it easy for you to review the theme if you make any changes.

Using

Once the theme has been installed you can then select it from the Database Preferences window.

Content you want the user to see goes here.
close