Skip to main content

Logo and custom Html

Although the Files Gallery interface has limited space, there are a couple of options in Javascript config that allow you to add a logo or your own html.

There is a logo option that allows you to add a small logo into the topbar.

  • 1. Upload your logo
    You can upload to any location, but a good idea might be _files/logo/mylogo.svg.
  • 2. Assign Logo
    From your custom.js Javascript config file, assign your logo:
_c.config = {
  logo: './_files/logo/mylogo.svg',
}

If you want to include a link, you can insert the entire logo as HTML, instead of just the path.

_c.config = {
  logo: '<a href="/link/" target="_blank"><img src="./_files/logo/logo.png" class="logo"></a>',
}

Other custom HTML options​

There are a few other Javascript config options that allow you to insert html in various locations.

// insert custom header html (above all, but goes behind sidebar)
header: '<a href="#">link 1</a>',

// insert custom topbar html, above main topbar
topbar: '<a href="#">link 1</a><a href="#">link 1</a><a href="#">link 1</a>',

// insert custom footer html, at the bottom of main scroll area
footer: '<a href="#">link 1</a><a href="#">link 1</a><a href="#">link 1</a>',

// insert custom FIXED footer html at the bottom of page, which remains in place during scroll
footer_fixed: '<div class="custom-links"><a href="#">link 1</a><a href="#">link2</a><a href="#">somescheit</a><a href="#">homepage</a></div>',

CSS Styling​

Default styling on custom elements is limited. If you want to modify or adjust CSS styles, please use custom.css. Keep in mind, CSS adjustments may impact the interface, which has limited space. If you aren't familiar with CSS, you can ask in the support forums.