The graphic view provides a canvas for you to cover with icons that represent the Navigator items and any event indicators. You might create, for example, a graphic view showing your company's floor plan or organization chart.
Adding a graphic view to the workspace
Graphic view toolbar
Graphic view style properties
Creating a custom background image
Creating custom iconsChanging the default graphic or style sheet
Your user ID must have Workspace Author Mode permission to use this function.
Open the workspace where you want the view.
If you want the view to occupy a new pane, click Split Vertically or Split Horizontally in one of the views.
Click Graphic View.
The mouse pointer changes to the view icon (hand icon in Linux). If you get the wrong icon or decide not to add the view, press Escape or click somewhere in the toolbar.
Click inside the view where you want the graphic.
After you click, the old view is replaced by the default graphic, overlaid with icons representing the child items of the current Navigator item.
If you want to change the background image or the style of the icons or their labels, edit the Graphic view style properties.
Click Select, then drag icons into position; use this and other tools in the Graphic view toolbar to manipulate the view.
If you want to add other Navigator items to the view, drag them from the Navigator view.
You can drag items one at a time or use Ctrl+click to select multiple items, then drag them as a group. Be careful to drag and not click, which selects and opens the workspace for that Navigator item.
To keep the graphic view in this workspace for future work sessions, do one of the following:
Click Save to update the workspace properties with the new view.
Select Save Workspace As from the File menu to save this as a new workspace and leave the original workspace as it was.
The graphic view has these tools for adjusting the view and the icons:
Reload Stylesheets |
Resets the view and refreshes the icon style. It is useful if you are working with a view and the icons change state or move around unexpectedly. |
Actual Size |
Displays graphics at 100%. Suitable for raster images such as .gif, .jpeg and .png files. Not applicable to map files and is disabled when a map background displays. If you clicked Fit to Contents, Actual Size returns the background graphic and icons to their original size. |
Fit to Contents |
Scales the view so that all icons are visible. This is useful when you have added or removed icons. Click Actual Size to go back to original size. |
Zoom in |
Zooms in on the view to see an enlarged version. |
Zoom out |
Zooms the view out to a smaller size. |
Zoom Box |
Expands or contracts the view to fit a selected area. |
Pan |
Pans the image including background and icons. |
Overview |
Opens the overview window. The Overview window has a box, which you can grab to pan the image. |
Select |
Selection mode. This is a toggle tool: click it again to turn off selection. Use the Select tool to drag an icon into position or to select it for removal. You can click and drag from one point to the opposite corner to select a group of icons, or use Shift+click to select multiple icons. |
Clear |
Removes the icons that are highlighted with the Select tool. |
Grid |
Shows or hides the grid. This is a toggle tool: click it again to turn off the grid. It is especially useful as a guide for positioning icons on an even plane. |
Undo |
Voids the last action. |
Redo |
Repeats the last voided action. |
Snapshot |
Takes a snapshot photo of the viewable area. You can save the snapshot as a PNG (Portable Network Graphic) file by clicking Export in the lower-right corner of the snapshot window. (See also the Tip under Graph in this topic.) |
|
Prints the active view. |
The graphic view consists of a header or footer, a background map or image, and icons.
You can edit the style properties of each of these areas to control their appearance. |
To edit the properties
Click in the graphic view title bar.
Click the area of the thumbnail graphic corresponding to the area you want to work with and edit it as described below for Graph (plot area), Header or Footer.
If the preview does not refresh as you edit, click Test to see how the view will look with your style changes. If the graphic view is showing behind the window, you can click Apply to see your changes in the full graphic view.
When you are finished editing the graphic view properties, save them by clicking Apply if you want to keep the window open or OK to close the window.
To keep the changes you made to the view, click Save.
On this tab you can select the background for the graphic view and specify a stylesheet for any text displayed.
Background
Map to identify the background as a geo-referenced map.
Image to specify a background image of type PNG, JPG or GIF. Click Browse to open a list of images from which to choose or select <blank background> for no background image.
Fit to view, when selected, automatically resizes the image to fit in the view space. If you adjust the borders of the workspace or graphic view, the image shrinks or expands to fit. This option is selected and disabled when Map is selected; cleared and enabled when Image is selected. If you leave it cleared, your image will retain its original sizing no matter what the size of the view.
Browse looks for maps on the Tivoli Enterprise Portal server computer under:
<itm_installdir>/cnb (cw for Linux)/classes/candle/fw/resources/maps/users
Create the graphic view with the desired map and adjust the view and workspace borders until the map is the size you want and no white space shows.
Click Select and click and drag to select all the icons, then delete them with Delete.
Click Snapshot, then click Export in the lower-right corner of the snapshot window to save the snapshot as a .PNG file.
The style sheet determines which icons to display for Navigator items and the format and positioning of their text labels. To change from the default, click Browse and select from a list of the available style sheets.
The icon used for the large and small icon style matches the icon of the Navigator item (such as , , , , and ).
Use the Header tab to add a header to the graph, specify the text that appears in the header, and the style of the text.
Options
Header adds a title at the top of the view.
Border adds an outline around the header text.
Title
Text is the title that is displayed at the top of the graphic view.
Text style
Font name is the font to use for the header.
Size is the font size in points.
Bold to boldface the header text.
Italic to italicize the header text.
Use the Footer tab to add a footer to the graph, specify the text that appears in the header, and the style of the text.
Options
Header adds a title at the top of the view.
Border adds an outline around the header text.
Title
Text is the title that is displayed at the top of the graphic view.
Text style
Font name is the font to use for the header.
Size is the font size in points.
Bold to boldface the header text.
Italic to italicize the header text.
You can also use your own non-georeferenced images for the graphic view background, so long as they are of type PNG, JPG or GIF.
Create the image you want to use as a background in a graphical editor and save as a .PNG, .JPG or .GIF file, using a one-word name (underscores are acceptable).
Use only ASCII characters in the filename. Names that use characters outside the ASCII code range will not be displayed in the list of available files when the user browses to select one.
Copy the image to:
<itm_installdir>
cnb (Windows); cw (Linux)
classes
candle
fw
resources
backgrounds
user
After adding the graphic view to a workspace, click Properties.
Click the middle (plot area) of the thumbnail graphic.
In the Background area, click Image.
If you want the image to shrink or expand to fit the full view space, select Fit to view.
If you leave this option cleared, the image will retain its original size; if it is larger than the view space, scroll bars are displayed; if it is smaller than the view space, it will be placed at the top left corner with white space fill-in.
Click Browse, and select the image you added in Step 1 from the list of images under background/users.
Click Apply if you can see the graphic view is showing behind the window and want to see how your image will look in the view space.
Tivoli Enterprise Portal uses various icons to represent the different levels and items in the Navigator. Those same icons are applied to the background image in the graphic view. You can change the size of the icons and the position of the labels by the style sheet for the view. You can also create your own icons to substitute any or all of the provided icons for graphic view. For example, you might want to use your company logo instead of the to represent the Enterprise. The basic steps have you:
A. Create icon images
B. Create a style sheet
C. Apply new style sheet
After creating the icon images, you need to copy one of the Tivoli Enterprise Portal style sheets and edit it to reference your images, then update the graphic view style properties to use the new style sheet. The new style sheet and icons must be saved on the portal server computer.
GIFs can have transparent backgrounds and can be animated.
If the graphic is an irregular (non-linear) shape and the background color different from that of the background image, set a transparent background and save the image in GIF format.
Create icons as close to 32 x 32 pixels (large_icon_) or 20 x 20 pixels (small_icon_) as possible. An image greater or smaller will be resized to those dimensions automatically and might look distorted. Also, the image will retain proper proportions only if it is the same height and width. For example, if your original icon is 76 x 54, resize it to fit 32 x 32 if you will be using one of the large icon style sheets.
Use only ASCII characters in the filename. Names that use characters outside the ASCII code range will not be displayed in the list of available files when the user browses to select one.
<itm_installdir>
cnb (Windows); cw (Linux)
classes
candle
fw
resources
icons
user
Change to the Navigator view whose graphic view icons you plan to change.
Having the Navigator open while you type the item names in the style sheet (step 4) ensures their correct spelling and letter casing.
Identify the Tivoli style sheet most like the one you want. It must be one of the large_icon_ or small_icon_ style sheets (not shape_ or parent_).
The style sheet controls the color, size and position of the text labels (Navigator item names), as well as any icons you do not replace with custom icons.
Make a copy of the style sheet in the following directory:
<itm_installdir>
cnb (Windows); cw (Linux)
classes
candle
fw
resources
styles
giving it a one-word name that identifies it as one you customized, and place it in the child directory:
userOpen your new style sheet in a text editor such as Notepad.
Edit the @import lines at the top of the file to insert ../ in front of the $.
Example: @import “../$base.css”; @import “../$baseLargeIcon.ss”; @import “../$baseNodeLabelBottom.css”;
Copy and paste the following entry at the end of the file, one line for each Navigator item whose graphic view icon you want to change.
node[name = “My Item Name”]{iconImage: url(../../icons/user/iconname.gif);}
Be careful to follow the syntax exactly. Any errors, such as missing or extra parentheses, quotes, or misspellings will give unpredictable results. The symptom might be that your style sheet change did not affect the graphic view or the view contents disappear.
Save the text file.
Open the workspace with the graphic view to which you want to apply your style sheet; -OR- add a graphic view to the current workspace.
In the graphic view title bar click Properties.
Click the Graph area of the thumbnail graphic.
Adjust the Background settings as needed.
In the Style field click Browse, select the custom style sheet from the Select Name list, and click OK.
Your style sheets are displayed as user/style at the end of the list. If you do not see your style sheet in the list, check that you saved it in the right directory and that you did not start the name with $. If you are in browser mode, make sure you added a style entry to $_index.txt and that you spelled it correctly.
You can drag the border between Preview and Style to make the preview image larger.
When you are finished editing the graphic view properties , click Apply, or click OK to close the window.
To keep the changes you made to the view, click Save Workspace.
When you drop a new graphic view onto the workspace, the background that displays is the default image. The style of the icons overlaying the graphic is also the default. You can change the graphic and the styling through the Properties editor Style tab. If you have a graphic you would prefer as the default to the one from Tivoli, the world map, you can make it the default. The same applies if you have a style sheet you would prefer as the default.
<itm_installdir>
cnb (Windows); cw (Linux)
classes
candle
fw
resources
backgrounds
to default_backup.jpg.Copy the graphic you want to be the default to the same directory and name it default.jpg.
<itm_installdir>
cnb (Windows); cw (Linux)
classes
candle
fw
resources
styles
to default_backup.css.All users connecting to this portal server will get this default style sheet whenever they create a new Graphic view.
An attribute you designate to further qualify a situation. You can see the value of the display item in the event workspace and in the message log and event console views.
[ Top of Page | Previous Page | Next Page | Contents | Index ]