2,186
edits
Changes
no edit summary
==The View Designer Window==
__FORCETOC__
{{TOC right}}
[[File:ViewDesignerAndVictimView.png|thumb|left|300px|alt==Editing a The Victim View==#In the IMSMA Navigation window, click Customisation and then select View ManagerDesigner - side by side.#Select an object from the Object list.#Select a view from |The Victim View - as displayed in the Custom both Current View table and click [[Image:FieldViewIcon.pngView Designer Windows]].:The View Designer opens, with an elements pane on the left and a design pane on the right.
There are two panes in the View Designer window. On the right is the design pane, where you can add, remove, and modify elements. Above the design pane is a series of tabs that let you switch between pages. The pane on the left displays a data tree of elements available for the selected item. You can drag elements to and from the data tree to populate your view. When you have finished customising the view, you can either save it with a new name or overwrite an existing view. Whatever file you save is placed in the View Manager window with a [[Using the View Manager Tool in IMSMANG#View Status | status]] of ''draft''. You still have to [[Using the View Manager Tool in IMSMANG#Publishing a View | publish]] it before it is visible to IMSMA users. The following sections describe how to complete common tasks in the View Designer window. For a complete list of the available functions, refer to [[Using the View Manager Tool in IMSMANG#View Designer User Interface Buttons | View Designer User Interface Buttons]]. ==Adding Data Elements==''Data Elements'' are the relevant information (gathered during [[Entering Data into IMSMANG#Entering Data into the Field Report Template | field report data entry]]) that display on an item's view. You can move existing data elements around in the design pane, and resize, relabel, or delete them. You can also add from a library of elements by dragging them from the data tree to the design pane. With certain exceptions, only one instance of the same data element can be added to each tab. # Click the tab on which you want to add the data element.# Drag an element from the data tree to the design pane.# Double-click the element's graphic or label to edit its properties.# If you are editing a table:## Double-click the left border of a table to edit its size and to [[Select Display Columns | select display columns]].## Double-click a column label to edit it.## Drag the boundaries of a column to change its width. =Tabs=Adding Graphic Elements=={''Graphic Elements'' make up the visual layout of an item's view, and are unaffected by field report data entry. They are the [[Using the View Manager Tool in IMSMANG#Lines | lines]] that border or separate sections, [[Using the View Manager Tool in IMSMANG#Text Boxes | text boxes]] where messages can be written, and [[Using the View Manager Tool in IMSMANG#Images | classimages]] (like photographs, maps, and diagrams) that add to the visual aesthetic. All graphic elements are located in the View Designer data tree, inside the '''Tool Folder'''. ===Lines==="wikitable" # Click the tab on which you want to add the line.# Drag the '''Line Tool''' from the Tool folder in the data tree to the design pane.# Double-click the line to edit its width, length, and orientation. ===Text Boxes===# Click the tab on which you want to add the text box.# Drag the '''Text Tool''' from the Tool folder in the data tree to the design pallate.# Double-click the text box to add the desired text (in place of the default "500Text Tool" ) and edit the font styleand size. Note that the text box borders will expand or contract to fit its contents. ===Images===# Click the tab on which you want to add the image.# Drag the '''Icon Tool''' from the Tool folder in the data tree to the design pane.# Double-click the Icon Tool widget to resize its boundaries and choose an image file to import. Note that the Icon Tool borders will expand or contract to fit the imported file. ==Saving a View==When you have finished customizing your view, do one of the following:* Click '''Save As''' to save the custom view as a separate entry in the View Manager Window.* Click '''Save''' to overwrite the existing custom view. Remember to [[Using the View Manager Tool in IMSMANG#Publishing a View | publish]] the view if you want to activate it in IMSMA. ==View Designer User Interface Buttons==The following table lists all of the GUI buttons avaiable in the View Designer window and their purposes: {| class="margin:10px;wikitable"|+ View Designer Interface! Desired Elements! Steps to Achieve|-| Tabs|
|-
| widthstyle="250ptpadding-left: 2em" | '''How To'''Move a tab to the left or right of other tabs| width="250pt" Click a tab, and then click the [[Image:ViewDesignerTabLeft.png | Move Tab Left]] or [[Image:ViewDesignerTabRight.png | '''Step to Complete'''Move Tab Right]] buttons.
|-
| Move style="padding-left: 2em" | Add a new tab to the left or right of other tabs || Click a tab, and then click the [[Image:leftRedArrow2.png]] or [[Image:rightRedArrowViewDesignerNewTab.png| New Tab "*"]]and then double-click the ''New Tab'' label to rename it.
|-
| Add style="padding-left: 2em" | Delete a new selected tab || Click the '''x''' by the tab name ([[Image:newTabViewDesignerDeleteTab.png]], and then select New Tab to rename it).
|-
| Delete a selected tab style="padding-left: 2em" |Set page layout and size| Click the '''xTab Setup''' by the tab name: [[Image:deleteTab.png]].
|-
| Set page layout and size style="padding-left: 2em" |Clear all elements from a selected tab| Click '''Clear Tab Setup'''.
|-
| Location Elements|| Click '''Clear Tab'''.
|-
| Clear all style="padding-left: 2em" | Delete selected elements from all tabs. |a selected tab| Click '''Clear All Tabs'''.|} ===Elements==={| class="wikitable" width="500" style="margin:10px;"
|-
| widthstyle="250ptpadding-left: 2em" | '''How To'''Align selected elements| width="250pt" | Click '''Step to CompleteAlign'''.
|-
| Delete style="padding-left: 2em" | Modify the properties of a selected elements from the design pane |element| Click '''ClearProperties'''.
|-
| Align selected style="padding-left: 2em" | Clear all elements |from all tabs| Click '''AlignClear All Tabs'''.
|-
| Modify the properties of a selected element || Click '''Properties'''.|} ===General==={| class="wikitable" width="500" style="margin:10px;"
|-
| widthstyle="250ptpadding-left: 2em" | '''How To'''Undo or redo previous actions| width="250pt" Click the [[Image:ViewDesignerUndo.png | Undo]] or [[Image:ViewDesignerRedo.png | '''Step to Complete'''Redo]] buttons.
|-
| Undo or redo previous actions style="padding-left: 2em" |Save your changes to the view| Click [[Image:undoBtn.png]] or [[Image:redoBtn.png]]'''Save'''.
|-
| style="padding-left: 2em" | Save your changes to the view |as new| Click '''SaveAs'''.
|-
| Save your style="padding-left: 2em" | Print and preview a view as new || Click '''Save AsPreview'''.
|-
| Preview and print a view style="padding-left: 2em" |Exit the View Designer| Click '''PreviewClose'''.
|-
|}