Forum's image-rich interface enables users to quickly find and reserve the resources they need. The right images engage users and foster connectivity within your organization. Follow these image guidelines to facilitate a smooth Forum experience.

Home Page, Location & Asset Images (Banner Images)

Banner images are the first type of images users will encounter. These are home page, location and asset images displayed across the full width of the screen. They appear at the top of Forum in multiple views. Since banner images span the width of the browser window in the web platform, they must be high-resolution files.

(Home page example)

(Asset details page example)

You'll find banner images on the home page, each asset details page (the screen presented when you click on the name of an asset), and the location details page. AgilQuest recommends a width of 2560 pixels, which will look sharp on monitors 2560 pixels wide or less. If the resolution of an image is lower than the resolution of the monitor used to view it, the image may appear blurry or pixelated.

Best Practices for Banner Images

• Ideal image width is 2560 pixels. Height is proportional.
• Save as PNG, JPG/JPEG or GIF.
• Images should be in a horizontal (landscape) format rather than a vertical (portrait) format.
• Images should be rotated properly before upload.
• Keep the most important part of the image in the center.
• Avoid excessive cropping, as the top and bottom will be automatically cropped for banner images and the sides may get cropped in the gallery view.
• You may upload as many as six images per asset and must specify one to be the primary image.
• Home page images should reflect the ideology and aesthetics of your organization and must be uploaded by AgilQuest.

Depending on what type of camera you're using, you may need to increase its resolution before taking your photos. If you're uncertain, take a test photo, perform any necessary cropping and check its dimensions on your computer as follows. Once you're able to access the file, either hover over the file or right-click and choose Properties-> Details. The dimensions will be shown as width x height. An ideal width is 2560 pixels (also referred to as 5 megapixels), though smaller images will look fine on smaller monitors. If an image needs to be rotated, do this before you upload it to Forum. Simply right-click the file on your computer and choose “rotate right/left” or “rotate clockwise/counter-clockwise.” Banner images are cropped at the top and bottom, so keep the most important part of the image in the center. It’s better not to crop much before uploading because of different image views and variance in monitor sizes. Users can view all of an asset’s images in the asset details page by clicking the View Photos button (gallery view). This view is much narrower than the banner view, closer to a square shape, so the sides of wide images will be cropped out.

If your camera takes extremely high-resolution photos, you may want to lower the resolution to 5 or 6 megapixels so that large image files don't slow down the site. Forum supports the following image file types: PNG, JPG/JPEG and GIF. If you are saving images as JPEG (.jpg) files and have formatting options, it is better to save them as "progressive" rather than "baseline." Smaller (thumbnail) images are automatically created for each asset image uploaded to Forum.

Asset Images in Settings

As an administrator, you can always go into the settings for an asset and add or delete photos. In Forum, go to Settings -> Assets (shown above). Search for the desired asset, then click on the asset’s name.

Click the "Add Photo" button (shown above), browse your computer and select the desired photo. Repeat to add as many as six images. Designate one image as primary by clicking on the star above the image. Click on the trash can icon to remove an image. Be sure to click the "Save" button to generate the thumbnail version and complete the process.

Floor Plans

Forum integrates floor plan images within numerous views, empowering users with a bird’s eye view of availability and existing reservations. Many of the guidelines above also apply to floor plan images, however you may want even higher resolution because of the zoom feature within the floor plan view. Keep in mind that after floor plans are uploaded, you must add hotspots to indicate reservable spaces. Please note: if you decide to change the image afterward, your hotspots will be deleted and you must recreate them.

Best Practices for Floor Plan Images

• Use one image per floor.*
• Image width should be at least 2560 pixels. Height is proportional.
• Save as PNG, JPG/JPEG or GIF.
• Images should be in a horizontal (landscape) format rather than a vertical (portrait) format.
• Crop your image so that there is very little border/margin area.

To upload floor plan images, go to Settings -> Locations -> Floors & Floor Plans. You’ll be able to specify the name of each floor and rearrange floors in the appropriate order. Assets should be added before you begin to create hotspots on floor plans.

When you’re ready to add hotspots, go to Settings -> Locations -> Floor Plans - Location of Assets (shown in above image). Then follow the on-screen directions.

*Some buildings have an expansive footprint containing clearly defined sections. In these cases, the organization may want to divide floors into areas within floors. AgilQuest will assist with this.

User Profile Images

All persons within Forum should have a user profile image. Photos make reservations more personal and engaging. Colleagues are then easier to identify and find.

Best Practices for Profile Images

• Square images work best.
• Ideal image size is 610 x 610 pixels.
• Save as PNG, JPG/JPEG or GIF.
• Crop to include head and at least part of shoulders.

As an administrator, to add user profile images, go to Settings -> Users. Perform a search to see existing users. Click on a user name to manage their profile details.

Click the ‘Add Photo’ button to upload a new photo or the trash can icon to delete an existing photo. Be sure to click the ‘Save’ button at the bottom before leaving the user details screen.

A user’s ‘Role & Rights’ settings will determine whether or not they can change their own profile image. If ‘Manage Own User Profile’ is checked off (shown above at the upper right), that person can delete or upload their profile image by clicking on their name and selecting ‘My Profile.’

Mobile App Images

The asset, location, profile, and floor plan images displayed in the mobile apps are the same as those shown in the web application. The background image on the app's home screen, which is visible after log in, can be changed to meet an organization's needs. This image should be 1280 pixels wide by 1464 pixels high. The background of the log in screen, where users enter their credentials, cannot be changed.