CabMasterPro User Guide
In This Topic
    Friendly Page Editor
    In This Topic

    Overview

    The Friendly Page Editor is a program designed to allow creation of QIQ files (friendly pages) within a Drag n Drop environment which lets you move controls (including thumbnails) around, and drag edges to resize them. It is very quick and easy to use.

    These QIQ files can then be loaded into CabMasterPro (see Friendly Pages) or the Form Editor.

    This is only available using the Developer Edition.

    Accessing the Editor

    To access the editor, select the relevant page (e.g. Job Setup > Site page) and use the shortcut Ctrl+Shift+E.

      

    Adding/Moving Controls

    Select the applicable Control Mode i.e. Test, Edit Tab (shown) or Edit Control (see Configuring Controls, discussed next).

    Click to Expand

    Click to Expand

    To add a control to the page, you simply click the corresponding button in the toolbar highlighted in the image above. From left to right, these are:

    For information on how these controls work, look in the Define Questions Page of the help.

    Once a control is placed, you can simply click and drag it to the appropriate location. If you hold the control (Ctrl) key on your keyboard down you can select multiple controls at once and move them by dragging.

    Creating Thumbnails

    You can create thumbnails Thumbnail within the Friendly page. The main thing to observe though is that thumbnails are multiline height when you set them up in the Define Questions Page. You must provide fillers so that the space on the lines below is occupied or the controls will clobber each other.

    Configuring Controls

    In this example the Control Mode is Edit Control.

    Once you place a control you need to configure it, otherwise it will display the default text and editing it will have no effect.

    Click to view an example...

    Click to view an example...

    In the above example, we have the options for a "drop box"  - click on image for example of use.

    Some other controls will have some of these options disabled, and others may have a few added, but essentially the process is the same.

    Control  

    These Control buttons effects the appearance of the text in the control and work as you would expect from using word processors.

    These are (from left to right)...

    • Left Align, Center Align, Right Align
    • Bold, Italic, Underline
    • Decrease Text size, Increase Text

    Question

    The Question (Control Caption) edit box, is the text you want to appear on the control as help for the user.

    This determines what variable this input box is linked to. In the case of editing a QLT, this should be the column header of the column it is to edit. In the case of CabMasterPro's internal friendly pages, it refers to a variable in the All Answers section.

    Name and Drop Down 

    The drop down next to the Name edit box determines the Data Types you expect the user to enter.

    Action

    The Action edit box is used for running formulas when a control is changed.

    The obvious example is executing a function when a button control is clicked, but any editable control can have an Action, not just buttons. The function in the Action field is run (or "fired") when the value of a control is changed, i.e. when a checkbox is clicked, when a value is selected from a drop-down list, or when a text box is edited.

    Enable

    The Enable drop list allows you to change whether or not the control is useable/visible on this form.

    Modifying Categories and Pages

    A Category (Group) is a collection of Pages (Tab) which are related in some way.

    Like pages, you can go to the Define Questions page to add, rename or delete a group. If you wish to change the group you are editing, you simply choose from the "Current Group" drop down.

    Click to view Define Questions page

    Click to view Define Questions page

    Each group also has the choice of whether it edits CabMasterPro variables (found in the All Answers section) or QLT variables.

    If you specify that it will edit QLT variables, you also have the option to block changes to the row headers, (meaning that the number and names of the rows cannot be changed) and to define a default QLT file (which will be the one that the controls will modify the values in). Also, a QLT can be specified to automatically quote it's row headings and/or to be automatically sorted based on row headings by ticking the appropriate box.

    QIQ Files

    The file type created when you save a layout of your design is a QIQ file - see topic on QIQ File Format for more details on the contents and layout of this file.