User manual

Web Panel User Manual Rev. 2
7.6.2 Custom Web Panel
The HTML file for each web panel can also be changed to meet special user requirements.
Example 2 – Adjust button size
Code from SB 16x1 panel, located in the ".\Panels\*.*" folder:
<div class="buttons" style="top: 70px; min-width: 696px;">
<p>Source selection</p>
<applet width="80" height="80" codebase=".........
<param name="id" value="1" />
<param name="fontname" value="Arial" />
<param name="fontstyle" value="Bold" />
<param name="fontsize" value="12" />
</applet>
<applet width="80" height="80" codebase=".........
<param name="id" value="2" />
<param name="fontname" value="Arial" />
<param name="fontstyle" value="Bold" />
<param name="fontsize" value="12" />
</applet>
− Changing the applet "width" and "height" properties changes the size of the button.
− Removing an <applet ..> </applet> section removes a button from the web panel.
− Copying the <applet ..> </applet> section to another part of the web page relocates
the button on the web panel.
Some minor changes in the code may result in this panel:
When changing the HTML code, please be aware of the following:
− All buttons need a property with name "id" and a value. The value corresponds to the
button number of the button configuration created in the System Configurator.
− All web panels need the following communication section:
<div style="top: 489px; width: 938px;">
<applet style="width: 100%; height: 20px .........
<param name="panelname" value="SB 16x1"/>
</applet>
</div>
network-electronics.com | 43