diff --git a/examples/Hill 621 (Scenario E).png b/examples/Hill 621 (Scenario E).png
index f9517a5..f9e824d 100755
Binary files a/examples/Hill 621 (Scenario E).png and b/examples/Hill 621 (Scenario E).png differ
diff --git a/examples/Hube's Pocket (Scenario G).png b/examples/Hube's Pocket (Scenario G).png
index 1768f3a..47428da 100755
Binary files a/examples/Hube's Pocket (Scenario G).png and b/examples/Hube's Pocket (Scenario G).png differ
diff --git a/examples/The Streets Of Stalingrad (Scenario C).png b/examples/The Streets Of Stalingrad (Scenario C).png
index 54199f9..10e34c8 100755
Binary files a/examples/The Streets Of Stalingrad (Scenario C).png and b/examples/The Streets Of Stalingrad (Scenario C).png differ
diff --git a/vasl_templates/webapp/static/help/images/hint.gif b/vasl_templates/webapp/static/help/images/hint.gif
new file mode 100644
index 0000000..eb51b4e
Binary files /dev/null and b/vasl_templates/webapp/static/help/images/hint.gif differ
diff --git a/vasl_templates/webapp/static/help/images/info.gif b/vasl_templates/webapp/static/help/images/info.gif
new file mode 100644
index 0000000..a8af546
Binary files /dev/null and b/vasl_templates/webapp/static/help/images/info.gif differ
diff --git a/vasl_templates/webapp/static/help/images/ob_vehicles.png b/vasl_templates/webapp/static/help/images/ob_vehicles.png
index 9f7b025..9fac795 100755
Binary files a/vasl_templates/webapp/static/help/images/ob_vehicles.png and b/vasl_templates/webapp/static/help/images/ob_vehicles.png differ
diff --git a/vasl_templates/webapp/static/help/images/ob_vehicles.small.png b/vasl_templates/webapp/static/help/images/ob_vehicles.small.png
index a1b7ee1..924942f 100755
Binary files a/vasl_templates/webapp/static/help/images/ob_vehicles.small.png and b/vasl_templates/webapp/static/help/images/ob_vehicles.small.png differ
diff --git a/vasl_templates/webapp/static/help/images/warning.gif b/vasl_templates/webapp/static/help/images/warning.gif
new file mode 100644
index 0000000..4a0f577
Binary files /dev/null and b/vasl_templates/webapp/static/help/images/warning.gif differ
diff --git a/vasl_templates/webapp/static/help/index.html b/vasl_templates/webapp/static/help/index.html
index a778a22..e70a945 100644
--- a/vasl_templates/webapp/static/help/index.html
+++ b/vasl_templates/webapp/static/help/index.html
@@ -153,6 +153,22 @@ We can also add ad-hoc notes describing where and how units should setup.
Finally, if special support weapons such as PF and BAZ are in play, snippets are available with information for them, and as with vehicles/ordnance, they are date-aware and update themselves accordingly.
+
Configuring the program
+
+ Showing VASL counter images in the UI
+
+ If you want VASL counter images to appear in the UI, you need to tell the program where to find the VASL module (i.e. the vasl-X.X.X.vmod file you load into VASSAL):
+
+- If you are running the Windows desktop application, open the Server settings dialog from the File menu and configure it there.
+
- If you are running the web server directly, create a file called site.cfg in the $/vasl_templates/webapp/config/ directory and configure it there (there is an example file you can rename and edit).
+
+ You should configure version 6.3.3, or 6.4.0 thru 6.4.2, of the VASL module.
+
+ Showing VASL counter images in OB snippets
+
+ Once you've configured the VASL module, if you want to also show VASL counter images in the OB snippets that you copy in the VASL scenario, turn this on in the User settings dialog from the main application menu.
+
If you turn this feature on, the program must be running every time you load the scenario into VASL.
+
@@ -246,7 +262,7 @@ Note that if they enter HTML into the SSR text, it will be inserted verbatim int
If you want to customize how the HTML snippets are generated, you could just edit the files directly, but the down-side of doing this is that if you install a new version of the program, you will lose your changes.
A better way is to create your own set of template files, ZIP them up and load it as a template pack.
-
If you're running the desktop program, you can specify the template pack to start with, so that you don't have to manually upload it each time i.e.
+
If you're running the desktop application, you can specify the template pack to start with, so that you don't have to manually upload it each time i.e.
vasl-template.exe --template-pack my-template-pack.zip
diff --git a/vasl_templates/webapp/static/help/main.css b/vasl_templates/webapp/static/help/main.css
index 3248ca4..8737545 100644
--- a/vasl_templates/webapp/static/help/main.css
+++ b/vasl_templates/webapp/static/help/main.css
@@ -6,6 +6,7 @@ h2 { margin-top: 1em ; clear: both ; color: #666 ; }
h4 { margin-top: 0.5em ; clear: both ; color: #666 ; }
p { margin-top: 0.5em ; }
+li { margin-left: 1em ; }
.code { white-space: pre ; font-family: monospace ; margin: 0 1em 1em 2em ; }
/* -------------------------------------------------------------------- */
@@ -28,3 +29,21 @@ p { margin-top: 0.5em ; }
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#helptabs-license .content { white-space: pre ; font-family: monospace ; }
+
+/* -------------------------------------------------------------------- */
+
+div.info {
+ margin: 0.5em ; padding: 0.5em 0.5em 0.5em 30px ;
+ background: url(images/info.gif) 2px 2px no-repeat ;
+ font-size: 80% ; font-style: italic ;
+}
+div.hint {
+ margin: 0.5em ; padding: 0.5em 0.5em 0.5em 30px ;
+ background: url(images/hint.gif) 2px 2px no-repeat ;
+ font-size: 80% ; font-style: italic ;
+}
+div.warning {
+ margin: 0.5em ; padding: 0.5em 0.5em 0.5em 30px ;
+ background: url(images/warning.gif) 2px 2px no-repeat ;
+ font-size: 80% ; font-style: italic ;
+}