We will show here an easy way of creating a library of reusable components.
Restart first from scratch. Define, in the database viewer, a variable named level1with a
low limit of 0 and a high limit of 10. Define another one named level2 with similar
limits. Open now, in a new window, the configuration named Library. In the new
window, click on the tree view button. As you can see here, or by looking inside the
configuration file on the server, this is just a CompoundView component (a CompoundView is
just a canvas for placing other components). In this view, different components are
inserted, each of them connected to the tag level1. You can try adding a new component to
the configuration by adding a line in the configuration file.

Go now to the main window which should be empty. We will first define a
background for the window. Double click anywhere inside the view. The property dialog box
will open. In the Background field, enter the URL of the image you want to use as a
background (lets try SYNOPTICS/BACK/TestBack.gif). Close the dialog box by clicking on the
Quit button. The background image should be displayed in the window.
In the Library window, double click in the tree view on the component
type you want to use (lets try to click on the first SynopticView which corresponds to the
dgsl script defining the first round dial). You should see the word SynopticView in the
input field of all the menu bars. Go back to the main window and press the component
insert button. The already known dialog box will open but with all the fields already
filled. In the configuration field, replace level1 by level2, so that in the new view the
dial will be connected to the variable level2. Enter appropriate values for the location
and size of the component (for example: x = 50, y=50, width=115 and height=130). Click on
insert component and close the dialog box. The dial is there, connected to level2.
Now do the same with the Hslider (Horizontal slider) component. Go in
the library view, double click on the slider then go back to the new view and insert the
component (x=50,y=180,width=115,Height=30). Do not forget to change the configuration so
that the slider is connected to level2.
Now, we will move the previously inserted dial. In the new view, double
click anywhere but outside one of the component. The properties dialog box pops up.
Click on the needle of the dial you want to move (the needle will only be shown if there
is a value for level2). The coordinates of the dial should appear in the properties dialog
box. Change the position and click on apply. The dial has been moved.
You can now save the configuration for later use.