Design/CSS/Javascript: Neal Ulen
How to Use | Problem or feedback? | v1.4

Create Custom VASL Note Boxes


- Ensure your browser window is maximized to more easily see the preview box.
- Simply fill in the boxes below to create a list of SSRs or notes, and paste the html into any 'HTML Placeholder' in the Overlays Extension (or use a Label from Draggable Overlays).


Other VASL Tools: Scenario Creator | Notes Creator | Vehicle Notes | Ordnance Notes
      Try to keep titles short.
Click here to see examples.
Click here to see examples.
Web safe fonts that will load for everyone.
Below 10 is unreadable, above 20 takes too much space.
       Nationality colors/logos are available.
White similar to no border, depends on VASL background color.
Dashed/Dotted look a little funky in VASL.

- URL should to an accessible .jpg/.png/.gif on website that allows hotlinking.
- Image width will be dynamically scaled to 'Box Width' setting.
- Any notes will appear above the image.


-WARNING: This will remove all info/formatting except for the image. Cannot be undone.

Note 2 Hover here for basic html formatting help.

Note 3 Hover here for basic html formatting help.

Note 4 Hover here for basic html formatting help.

Note 5 Hover here for basic html formatting help.

Note 6 Hover here for basic html formatting help.


VASL Notes
Preview


Notes Title
Placeholder Example:

You can preview design changes using this placeholder information.

1) This is where any scenario notes are displayed. Each separate note (Note 1, Note 2, etc) will appear as a new paragraph. The height of the box will dynamically resize depending on the length of note(s), unless forced using the Box Height selector.

2) To create more note boxes just change parameters, copy html, and paste into a new VASL HTML block located in the Overlays Extension.

3) An image placed in a notes box will automatically and dynamically resize to the 'Box Width' setting.

4) Basic html can be used to stylize text. See the hover link above each Note box for popup help.