Metis Smart Modeling - Masks
From Metis Documentation
(→Creating a mask) |
|||
| Line 28: | Line 28: | ||
| - | == Creating a | + | == Creating a Mask == |
| - | In the | + | In the '''Masks''' sub-menu, the "Add" button [[File:MetisSmartModelingAddButton.PNG|link=]] located above the main list allows the user/administrator to create a new Mask. When it is clicked, a window opens asking which type of mask to create, a selection can done between a "simple" mask and a Group of masks. Select “Mask,” and confirm. |
| - | + | A mask designer window opens and the first settings can be provided. A pop-up window also opens in which the name of the mask must be defined. Enter in a name for the new mask; for example, name it “S-Basic Properties.” | |
| - | + | ||
| - | A mask designer window opens and the first settings can be provided. | + | |
| - | A pop-up window also opens in which the name of the mask must be defined. | + | Once all design elements, fields and properties have been set, the new Mask can be saved by validating the mask designer window using the [[File:MetisSmartModelingOKButton.PNG|link=]] button. The new mask is then shown in the list. |
| - | Enter in a name for the new mask; for example, name it “S-Basic Properties.” | + | |
| - | + | ||
| - | + | ||
| - | The new mask is shown in the list. | + | |
| Line 71: | Line 67: | ||
|- | |- | ||
|} | |} | ||
| + | |||
=== Editor presentation === | === Editor presentation === | ||
| + | |||
Metis Smart Modeling includes a complete WYSIWYG editor in order to create and design the masks which are going to be used in Metis Smart Quote. This editor includes all commonly used tools and formatting option which can be found in user interface design tools. It is structured as described in the picture on the right. It includes the following parts : | Metis Smart Modeling includes a complete WYSIWYG editor in order to create and design the masks which are going to be used in Metis Smart Quote. This editor includes all commonly used tools and formatting option which can be found in user interface design tools. It is structured as described in the picture on the right. It includes the following parts : | ||
| Line 84: | Line 82: | ||
[[File:MetisSmartModelingSCMasksDesign.PNG|center|850x860px]] | [[File:MetisSmartModelingSCMasksDesign.PNG|center|850x860px]] | ||
| + | |||
==== List of objects ==== | ==== List of objects ==== | ||
| - | |||
| - | The | + | The list of object displayed in the mask design window enable the user to easily find a specific object part of the opened mask. When inserting any type of object in a mask, it is possible to name this field. In the list of objects a new line is created for the new object. By clicking in the "description" column of the table, a name can be given to the object. By doing this for all objects, the user will be able to easily select overlapping objects. |
| - | For mask with many input fields, it is possible to define the order in which the users will go through them using the order shown in the list of objects. This will not only set the navigation order when using the keyboard TAB key, but also the display order of | + | The selection of an object from the list is done by enabling the check-box on the left hand side of the line describing the object. This will also highlight he object on the design board. This ensures the user that the proper object is selected in order to apply modifications or to delete it. |
| + | |||
| + | For mask with many input fields, it is possible to define the order in which the users will go through them using the order shown in the list of objects. This will not only set the navigation order when using the keyboard TAB key, but also the display order of overlaying the object. If not set, the object reversed insertion order will be applied (last one first). In order to move an object in the list, select it and use the up and down pointing arrows on the right of the object list. | ||
| Line 97: | Line 97: | ||
| Naming all objects in a mask will ease sorting them and applying conditional display. | | Naming all objects in a mask will ease sorting them and applying conditional display. | ||
}} | }} | ||
| + | |||
| + | |||
==== Object properties ==== | ==== Object properties ==== | ||
| - | * '''Properties''' : | + | * '''Properties''' : Common TAB to all objects which can be used in masks created in Metis Smart Modeling. Please refer to the various object type sections for detailed information on the properties which can be configured. |
| - | + | * '''Activation''' : For all objects an activation rule can be defined in order for the object to be enabled or disabled based on the setting of another object. This functionality is simply used by selecting "Like object" and selecting the correct object from the drop-down list. For example if an input field is disabled based on a specific setting, the accompanying title field should also be disabled. Thus the latest can inherit the disabled setting from the first one. | |
| - | * ''' | + | * '''Caption''' : For objects like 'titles' and 'check-boxes', this TAB allows to set the caption (text) to be displayed in the object. In order to set this text, click on the text button next to the field and a new windows will open. It allows to provide a text in all available languages and will display it in the mask in Metis Smart Quotes. |
| - | + | * '''Link''' : With the exception of the 'title' object, all other will return a value to the [[Metis_Smart_Modeling_-_Models|model]]. The Link TAB allows to define the position or variable in which that value will be set. In order to create a link between a field and a variable or position, simply click on the 'Add' button and select the appropriate target from the window which will be opened. Filtering and searches can be done inside this window in order o find easily the wished variable or position. | |
| - | * ''' | + | * '''Content''' : This allows to specify the content (list of elements) for 'drop-down list' and 'radio buttons'. When inserted, those objects have by default 2 options defined. Additional options can be added to the list by using the 'Add' button [[File:MetisSmartModelingAddButton.PNG|link=]] and defining the text to be displayed. Once the option is added, simply click on the text button in the rightmost column of the table in the appropriate line. A window opens which allows to provide a text in all available languages and will display it in the mask in Metis Smart Quotes. On the other hand, options can be removed using the minus button (beware, no confirmation is required). |
| - | + | ||
| - | |||
| - | |||
| - | + | The various options can also be sorted manually according to any criteria required by the type of data to be displayed in the "list". This is very easily done by selecting the option to be moved and by using the two green arrows. | |
| - | |||
| - | |||
==== Toolbar ==== | ==== Toolbar ==== | ||
| - | The following table describes the buttons | + | The following table describes the buttons to be used in order to work with a mask, manage events and format, add new objects and align them: |
| Line 128: | Line 125: | ||
|style="border-style: solid; border-color: grey; border-width: 0 1px 1px 0" | | |style="border-style: solid; border-color: grey; border-width: 0 1px 1px 0" | | ||
[[File:MetisSmartModelingOKButton.PNG|link=]] | [[File:MetisSmartModelingOKButton.PNG|link=]] | ||
| - | |style="border-style: solid; border-color: grey; border-width: 0 0 1px 0" | To save the edits that may have been made and exit | + | |style="border-style: solid; border-color: grey; border-width: 0 0 1px 0" | To save the edits that may have been made and exit the mask editor |
|- | |- | ||
|style="border-style: solid; border-color: grey; border-width: 0 1px 1px 0" | [[File:MetisSmartModelingCancelButton.PNG|link=]] | |style="border-style: solid; border-color: grey; border-width: 0 1px 1px 0" | [[File:MetisSmartModelingCancelButton.PNG|link=]] | ||
| - | |style="border-style: solid; border-color: grey; border-width: 0 0 1px 0" | To cancel the edits that may have been made and exit | + | |style="border-style: solid; border-color: grey; border-width: 0 0 1px 0" | To cancel the edits that may have been made and exit the mask editor |
|- | |- | ||
|style="border-style: solid; border-color: grey; border-width: 0 1px 1px 0" | [[File:MetisSmartModelingBinButton.PNG|link=]] | |style="border-style: solid; border-color: grey; border-width: 0 1px 1px 0" | [[File:MetisSmartModelingBinButton.PNG|link=]] | ||
| Line 167: | Line 164: | ||
|- | |- | ||
|style="border-style: solid; border-color: grey; border-width: 0 1px 1px 0" | [[File:MetisSmartModelingFromatTectangleButton.PNG|link=]] | |style="border-style: solid; border-color: grey; border-width: 0 1px 1px 0" | [[File:MetisSmartModelingFromatTectangleButton.PNG|link=]] | ||
| - | |style="border-style: solid; border-color: grey; border-width: 0 0 1px 0" | To insert a [[#Rectangles|Rectangle]] object | + | |style="border-style: solid; border-color: grey; border-width: 0 0 1px 0" | To insert a [[#Rectangles|Rectangle]] drawing object |
|- | |- | ||
|style="border-style: solid; border-color: grey; border-width: 0 1px 1px 0" | [[File:MetisSmartModelingFromatCircleButton.PNG|link=]] | |style="border-style: solid; border-color: grey; border-width: 0 1px 1px 0" | [[File:MetisSmartModelingFromatCircleButton.PNG|link=]] | ||
| - | |style="border-style: solid; border-color: grey; border-width: 0 0 1px 0" | To insert a [[#Circles|Circle]] object | + | |style="border-style: solid; border-color: grey; border-width: 0 0 1px 0" | To insert a [[#Circles|Circle]] drawing object |
|- | |- | ||
|style="border-style: solid; border-color: grey; border-width: 0 1px 1px 0" | [[File:MetisSmartModelingFromatLineButton.PNG|link=]] | |style="border-style: solid; border-color: grey; border-width: 0 1px 1px 0" | [[File:MetisSmartModelingFromatLineButton.PNG|link=]] | ||
| - | |style="border-style: solid; border-color: grey; border-width: 0 0 1px 0" | To insert a [[#Lines|Line]] object | + | |style="border-style: solid; border-color: grey; border-width: 0 0 1px 0" | To insert a [[#Lines|Line]] drawing object |
|- | |- | ||
|style="border-style: solid; border-color: grey; border-width: 0 1px 1px 0" | [[File:MetisSmartModelingFromatAlignTopButton.PNG|link=]] | |style="border-style: solid; border-color: grey; border-width: 0 1px 1px 0" | [[File:MetisSmartModelingFromatAlignTopButton.PNG|link=]] | ||
| Line 188: | Line 185: | ||
|- | |- | ||
|style="border-style: solid; border-color: grey; border-width: 0 1px 1px 0" | [[File:MetisSmartModelingFromatSetWidthButton.PNG|link=]] | |style="border-style: solid; border-color: grey; border-width: 0 1px 1px 0" | [[File:MetisSmartModelingFromatSetWidthButton.PNG|link=]] | ||
| - | |style="border-style: solid; border-color: grey; border-width: 0 0 1px 0" | To set an identical width to | + | |style="border-style: solid; border-color: grey; border-width: 0 0 1px 0" | To set an identical width to all selected objects based on the first one. |
|- | |- | ||
|style="border-style: solid; border-color: grey; border-width: 0 1px 1px 0" | [[File:MetisSmartModelingFromatSetHeightButton.PNG|link=]] | |style="border-style: solid; border-color: grey; border-width: 0 1px 1px 0" | [[File:MetisSmartModelingFromatSetHeightButton.PNG|link=]] | ||
| - | |style="border-style: solid; border-color: grey; border-width: 0 0 1px 0" | To set an identical height to the selected objects | + | |style="border-style: solid; border-color: grey; border-width: 0 0 1px 0" | To set an identical height to the selected objects based onthe first one. |
|- | |- | ||
|style="border-style: solid; border-color: grey; border-width: 0 1px 1px 0" | [[File:MetisSmartModelingFromatSpaceHorizButton.PNG|link=]] | |style="border-style: solid; border-color: grey; border-width: 0 1px 1px 0" | [[File:MetisSmartModelingFromatSpaceHorizButton.PNG|link=]] | ||