Join the first BoxWorks Hackathon for Good - customers, partners, and the developer community are welcome to participate in the 48 hour Hack to benefit The Nature Conservancy.

Learn more and register!

Customize Logo

Customize Logo

Each of the Box UI Elements allow for specifying a custom logo to place in the top-left corner of the embedded container.

Custom logo

By default, each of the UI Elements uses a generic placeholder as a logo. This is meant to be replaced by either a Box logo or a custom logo, such as a company's logo.

To add a logo to a UI Element, supply a URL for a logo as an option in in the Javascript setup code. The following is an example of how to do this with the Content Preview UI Element.

var preview = new Box.Preview();
preview.show(fileId, accessToken, {
    container: '.preview-container',
    sharedLink: 'https://app.box.com/v/foo',
    sharedLinkPassword: 'bar',
    collection: [FILE_ID, '123', '234', ...],
    header: 'light',
    logoUrl: 'http://i.imgur.com/xh8j3E2.png',
    showAnnotations: true,
    showDownload: true
});

Box Logo

To present the Box logo in a UI Element, specify the string box as the logoURL option.

Image size

Images files will be fitted to a maximum height of 32 pixels and a maximum width of 80 pixels. Larger images will be shrunk to fit these dimensions.