Including Your Own Styles, Scripts, and Meta Data for ActiveVOS Central

ActiveVOS Designer User’s Guide

Including Your Own Styles, Scripts, and Meta Data for ActiveVOS Central

In a new avcconfig file, there is a section where you can specify your own CSS files, scripts, and meta data for use in ActiveVOS Central.

Instead of linking in CSS, scripts, and meta data in request and task forms, you reference it from a .avcconfig file in the <centralIncludes> section.

The <centralIncludes> section can include the following elements, which are common <head> element in a XHTML file:

<script>. Add a reference to a javascript or other script that contains the functions you want to use in request and task forms. The syntax in <centralIncludes> is, for example:

You can also use inline scripts, such as <script xmlns="http://www.w3.org/1999/xhtml" type="text/javascript"> var my_String = "Hello";

<meta>. Add meta data keywords. The syntax is, for example:

<style>. Use inline styles, such as <style xmlns="http://www.w3.org/1999/xhtml" type="text/css">p {background-color: yellow}</style>
<link>. Style sheet link. See example below.

When you create a new avcconfig file, by default, only one section of the file is generated:

<tns:centralIncludes>

<link xmlns="http://www.w3.org/1999/xhtml" href="../example.css" rel="stylesheet" type="text/css">

</tns:centralIncludes>

To use your own style sheet:

If desired, review the default ActiveVOS Central CSS files. To do this, open ActiveVOS Central and view the Page Source. Find the section of the source file linking to the CSS files and select a link. The style sheet for basic UI styles for fonts and colors is ae-avc.css.
If desired, copy styles from ae-avc.css or other CSS and make your own modifications.
In request and task forms, use the class names from the CSS file, as desired.
Deploy your CSS file.
In an avcconfig file, add the name of the CSS in the <tns:centralIncludes> section and deploy the config file. For example:

<link xmlns="http://www.w3.org/1999/xhtml" href="../example.css" rel="stylesheet" type="text/css">

Where the href path can be one of the following:

relative path to this avcconfig file within your project
full project:/path/to/file
Absolute URL, such as http://domain:port/myCSS.css