Article

Authors:
Chendil Kumar
Kalyani Unni

In this AppNote, Chendil Kumar and Kalyani Unni explain how to use the Icon Editor in IDM Designer 3.0.

Contents:

• Introduction
• Editing Driver Icons
• Editing Application Icons

Introduction

The Icon Editor in Novell IDM Designer enables you to create customized icons for your drivers and applications.

Predefined templates and images are available to start creating a custom branded icon, which can be further enriched with different background images and colors or overlay images.

You can use the Icon Editor for:

• Editing Driver Icons
• Editing Application Icons

Editing Driver Icons

You can use the Icon Editor to create a new driver icon.

1. Select the required driver in the modeler, right-click, then click Properties.
2. Select the iManager Icon page. The right pane displays the default icon.

   

   Click to view.

   Figure 1: Driver Properties page showing the default icon.

   Note: Click Browse to navigate to and select an image file stored in the system. The formats supported are PNG, JPEG, GIF, and BMP.
3. Click New to open the Icon editor.

   

   Click to view.

   Figure 2: Driver Icon Editor

4. Select the Background tab to add a background color or image to the icon.

   

   Click to view.

   Figure 3: Background Tab

   Use the Background Color field to launch the color palette and select the color.

   Use the Background Image field to select and use a background image.

   Note: The background image displays parameter that can be configured in the Settings tab.
5. To display text in the icon, select the Labels tab and click Add

   

   Click to view.

   Figure 4: Labels tab

   Specify a name for the label in the Text column. To create multi-line label, create separate entries in each line.

   The Offset X and Offset Y parameters control the label placement. You can also modify the size, color, and font according to requirement.

6. To add an overlay image to the icon, select the Overlay Images tab, then click Add

   

   Click to view.

   Figure 5: Overlay Images tab

   To change an image, click on the cell in the File column. Click the icon towards the right side of the file and browse to the image you want to use.

   The Offset X and Offset Y parameters control the image placement. The size field adjusts the size of the image in pixels.

7. To configure the display parameters for the background image, select the Settings tab. The controls are active only if a background image is added through the Background tab.

   

   Click to view.

   Figure 6: Settings tab

   The image display can be modified by using the Settings tab, which includes controls for Brightness, Hue, Saturation, and Gamma.

   Color changes occur in real time and you are able to see the effect of your changes as you make them.

8. Select Derivations > Application to create a similar iManager icon for this application.

   

   Click to view.

   Figure 7: Derivations tab

   This transfers the custom icon to the driver or application’s iManager properties, which can be viewed in the driver properties page, under iManager.

   Note: Some icons don’t convert cleanly between the Driver and Application icon formats, so you might need to clean it up after you create it.
9. Click Preview to view the image.
10. Click Update to save the changes.

    

    Click to view.

    Figure 8: Preview and Update

Editing Application Icons

You can use the Icon Editor to create a new Application icon.

1. Open the properties of the application. To do this, right-click the application in the modeler and select Properties.
2. In the Properties pane, select the General page. The right pane displays the default icon.

   

   Click to view.

   Figure 9: Application Properties Page

   Note: Click Browse to navigate and select an image file stored in the system. PNG, JPEG, GIF and BMP are the supported formats.
3. Click New to open the Icon editor

   

   Click to view.

   Figure 10: Application Icon Editor

4. Select the Background tab to add a background color or image to the icon.

   

   Click to view.

   Figure 11: Background Tab

   Use the Background Color field to launch the color palette and select the color.

   Use the Background Image field to select and use a background image.

   Note: The background image display parameters can be configured in the Settings tab.
5. To display text in the icon, select the Labels tab and click Add

   

   Click to view.

   Figure 12: Labels tab

   Specify a name for the label in the Text column. To create multi-line label, create separate entries in each line.

   The Offset X and Offset Y parameters control the label placement. You can also modify the size, color, and font according to requirement.

6. To add an overlay image to the icon, select the Overlay Images tab, then click Add.

   

   Click to view.

   Figure 13: Overlay Images tab

7. To configure the display parameters for the background image, select the Settings tab. The controls are active only if a background image is added in the Background tab

   

   Click to view.

   Figure 14: Settings tab

   You can configure the image display by using the Settings tab, which includes controls for Brightness, Hue, Saturation, and Gamma.

   Color changes occur in real time and you are able to see the effect of your changes as you make them.

8. Select the Derivations tab, then select Driver to create a similar iManager icon.

   

   Click to view.

   Figure 15: Derivations tab

   This transfers the custom icon to the driver or application’s iManager properties, which can be viewed in the driver properties page, under iManager.

   Note: Some icons don’t convert cleanly between the Driver and Application icon formats, so you might need to clean it up after you create it.
9. Click Preview to view the image.
10. Click Update to save the changes.

    

    Click to view.

    Figure 16: Preview and Update