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.

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: 'https://developer.box.com/images/guides/embed/ui-elements/elements-logo.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.