Get MBLogic at SourceForge.net. Fast, secure and Free Open Source 
	software downloads

Help Topics

Topic Details for HMI

Using the SVG Library with Inkscape

SVG layer menus

SVG layers are selected by using push buttons or other control devices to activate web page scripting to show the desired layer and hide other layers. A typical method is to create an array of push buttons across the top of the screen.

The SVG layer menu should be on its own dedicated layer, and not part of a layer associated with normal control functions. This is because it would not be desirable have the SVG layer menu disappear when a different layer is selected.

1) Make sure your menu layer is the currently selected layer, and then drag a menu button onto the screen and position it. Do the same to add buttons for all the layers you will be using. Be sure to include a button for the 'main' or default layer.

add menu button

2) Right click on each button and set the id you wish to use. The actual id you use is not important, but it does make it easier to find the button later when you edit the XML properties.

set menu button id 1 set menu button id 2

3) Now, open the XML editor and find the buttons. Change the Javascript tags from the defaults to the actual address tags you wish to use.

set menu javascript set menu javascript set menu javascript

4) Finally, use the XML editor to label each button with text.

set menu text

5) The layer menus are complete.

menu done