Change media gallery image sizes

Change media gallery image sizes
Set maximum sizes for photo and video file preview images in media galleries. For example, lower the maximum size on preview images in the widget in the community home page to allow more images to display in the widget. Or increase the maximum size if the thumbnail images are too small for your client. This is optional.

Before starting
To edit configuration files, use the IBM WAS wsadmin client. See Starting the wsadmin client for details.

About this task
Images that are larger than the specified container size are resized. For example, if the specified maximum size is 100x100 and a user uploads a 10x10 image, its size will not change. But if the user uploads a 150x150 image, it will be resized to 100x100.
You can change three maximum size properties:

The thumbnailview properties set maximum image sizes in the community overview page widget, and the list view in the application. The recommended range is 50x50 to 78x78.
The detailview properties set maximum image sizes in the preview dialog (which opens you click an image in a list view, for example), and the summary page (which opens when you click the image name in a list, for example). The recommended range is 200x200 to 600x600.
The galleryview properties set maximum image size in the gallery view in the application. The recommended range is 80x80 to 180x180.

For example, to change the maximum image size in the preview dialog and summary page to 900x900, change the detailview width and height properties from 450 to 900.

Procedure
To configure photo sizes in the media gallery...
Open the events-config.xml file, which is not checked out as part of the wsadmin check out command used to access the other core configuration files. You must retrieve the file from the file system on the system hosting the deployment manager.

Go to the following directory on the system hosting the deployment manager:

<WASRoot>/<DmgrName>/config/cell/<cellName>/LotusConnections-config
For example:
/opt/IBM/WebSphere/AppServer/profiles/Dmgr01/config/cells/exampleCell01/LotusConnections-config

Make a backup copy of the events-config.xml file in case you need to revert back to it.
Open the events-config.xml file in a text editor.
In the following postHandler element, edit the width and height values as measured in pixels:
<postHandler enabled="true" invoke="ASYNC" name="PhotoRenditionEventHandler" class="com.ibm.lconn.media.renditions.PhotoRenditionEventHandler"> 
<subscriptions> 
 
...
 
<property name="thumbnailviewwidth">78</property> 
<property name="thumbnailviewheight">78</property> 
 
<property name="galleryviewwidth">120</property> 
<property name="galleryviewheight">120</property> 
 
<property name="detailviewwidth">450</property> 
<property name="detailviewheight">450</property> 
 
</properties> 
</postHandler>
Update the value of the version stamp configuration property to force users' browsers to pick up this change. See Required post-customization step for more details.
Save and close the events-config.xml file.
Synchronize the change you made to the configuration file on the deployment manager to the other nodes by completing the following steps:

Log into the WAS admin console of the deployment manager using administrator credentials.
Expand System Administration, and then click Nodes.
Select the check box next to each node in your deployment, and then click Full Resynchronize.

Stop and restart IBM Connections.
If your files event content directory is not the same as the files content directory...to give the WebSphere Variable ${FILES_EVENT_CONTENT_DIR} the same value as ${FILES_CONTENT_DIR}:

Log in to the WebSphere Administrative Console.
Expand Environment and then click WebSphere Variables.
Click FILES_EVENT_CONTENT_DIR.
In the Value field type ${FILES_CONTENT_DIR}.
Restart the News application.
What to do next
To troubleshoot, enable tracing for: com.ibm.lconn.media.renditions.* See the IBM WAS documentation.

Parent topic
Configure media galleries

+
Search Tips | Advanced Search