Image modeling

Brightspot includes a wide variety of image editing capabilities, including cropping, brightness, sharpness and color adjustment, image rotation, blurring, and text overlays.

Image setup

Brightspot includes a wide variety of image editing capabilities, including cropping, brightness, sharpness and color adjustment, image rotation, blurring, and text overlays.

To begin using and editing images in Brightspot, define a storage mechanism.

Configuring storage

You configure storage locations for images (and any other binary file) in the Tomcat context.xml file. For information about the various configuration scenarios, see Configuring StorageItem.

Choosing an image editor

Brightspot offers two image editors, Java Image Editor for testing and DIMS Image Editor for production. Configure an image editor in the Tomcat context.xml file. See Image editor configuration for more information.

An Image object with StorageItem and renderer must be created to begin using images. See Image object model for more information.

Image object model

To begin using and editing images in Brightspot, the Image object needs to be created by creating an Image.java class with a StorageItem as the file to be uploaded to the default storage mechanism:

showLineNumbers

1
public class Image extends Content {
2

3
    private String name;
4
    private StorageItem file;
5
    private String altText;
6

7
    // Getters and Setters
8
}

Once the Image object is in place, you can begin to work with image content in Brightspot. Several functionalities can be added to image content by adding annotations.

Preview

To allow an image to be previewed in Brightspot but not, as by default, in the text field, add the following annotation to the Image class.

showLineNumbers

1
@PreviewField("file")
2
public class Image extends Content {
3

4
    private String name;
5
    private StorageItem file;
6
    private String altText;
7

8
    //Getters and Setters
9
}

The system will use the StorageItem field as a preview.

Adding to rich text

You can reference images in the rich-text editor and add them as enhancements to your content. To enable an image for reference, add the following annotation:

showLineNumbers

1
@ToolUi.Referenceable
2
public class Image extends Content {
3

4
    private String name;
5
    private StorageItem file;
6
    private String altText;
7

8
    //Getters and Setters
9
}

Bulk upload

Brightspot’s bulk upload feature, located on the dashboard, allows you to upload multiple files simultaneously. To upload images and automatically populate any required fields, add the following as a beforeSave to automatically use the original file name as the image name.

showLineNumbers

1
@Override
2
public void beforeSave() {
3
    if (StringUtils.isBlank(name)) {
4
        if (file != null) {
5
            Map<string, object=""> metadata = file.getMetadata();
6
            if (!ObjectUtils.isBlank(metadata)) {
7
                String fileName = (String) metadata.get("originalFilename");
8
                if (!StringUtils.isEmpty(fileName)) {
9
                    name = fileName;
10
                }
11
            }
12
        }
13
    }
14
}