2.2. Adding an image policy

Adding a policy

1. Choose File | New | Image Policy

2. Select the jive/WebContent/mcs-policies/images folder in the Navigator view, and enter 'jive_logo' as the policy name. MCS will automatically append the .mimg image policy file extension when the file is created.

3. Click the Next button

   

Adding a variant

1. Use the Browse button to locate jive/images folder as the Image root path

2. Select 'PNG' from the Files of type list to filter the list, and choose jive_logo.png from the images/PC directory. To preview the variant, select the filename.

3. Check the box next to the filename to select it, and click the Next button. You should choose no more than one variant to enable the Next button and target devices at this time.

   

Choosing a device

Most policy variants are device specific. They can be targeted at a particular device or device family. MCS searches the repository for a variant which is targeted at the device currently in use. If there is no match, MCS searches for variants targeted at categories, and then for variants that match the parent of the current device in the device tree. This search continues up the hierarchy until either a variant is found, or MCS reaches the root of the device tree. Refer to Generic assets for further information.

1. On the next page of the Image Policy wizard choose 'Targeted' in the Selection criteria box, and click the Next button

   

2. Go to the Device Tree tab and expand the 'Master' tree to find 'PC' devices. Check the box next to the device to select it, and click the Finish button.

   

3. MCS displays the Image Policy Editor. Select the 'Targeted, PC, /pc/jive_logo.png, PNG, 132 x 76' variant in the Variants section to display the related attributes.

Adding the Smartphone variant

Now we will add a logo image variant for smart phone devices to the existing image policy.

1. Make sure that the jive_logo.mimg image policy is opened in the Image Policy editor

2. Click the New button in the Variants section to open the wizard

3. Select 'JPEG' from the Files of type list to filter the list, and choose jive_logo.jpg from the images/smartphone directory

4. Click the Next button

5. On the next page of the wizard pick the 'Targeted' in the Selection criteria box, and click the Next button

6. On the Device List tab type '*Smartphone' in the text box to filter list of available devices. The list of matched devices is updated as you type.

7. Check the 'Smartphone box and click the Finish button. The new variant , 'Targeted, Smartphone, /smartphone/jive_logo.jpg, JPEG, 168 x 40', is listed in the Variants section.

8. Select the variant to show the attributes

   

Checklist

Before moving on, you may want to follow the procedure described previously to create the remaining image policies for the Jive web application. A complete list of policies with valid attributes, and image locations can be found in the Checklists section at the end of this tutorial.

jive_logo.mimg

Defines the logo images for PC and smart phone versions of the Jive site.

photos.mimg

Defines a second header image used by a PC version of the site.

repeater_menu.mimg

Defines the background filler images for the menu.

orange_gradient.mimg

Defines a orange gradient background used by a PC version of the site.

menu_company_news.mimg

Defines images for a Company News menu button.

menu_human_resources.mimg

Defines images for a Human Resources menu button.

menu_employee_store.mimg

Defines images for the Employee Store menu button.

banner_filler.mimg

Defines a banner filling image for a PC version of the site.

orange_header.mimg

Defines orange header background used by the Announcements section.

greyHeader.mimg

Defines a grey header background image for the News section.