Themes Generator

Themes Generator is a feature that enables you to easily generate a CSS file that you can use to customize the look and feel of your AcuToWeb applications. The editor is WYSIWYG, so very little CSS scripting knowledge is required.

When creating a theme, you can apply styles to the different types of controls used in your applications.

Each type of control has a number of pre-defined styles. Select one of the styles to use it in your stylesheet. The other styles remain dormant in the stylesheet until one of them is selected for use. You can edit the color properties of each style using the color picker or by manually entering a Hex value.

You can also customize a theme using the Add Custom button. This enables you to enter an ATW-CSS property and a Property Value. The ATW-CSS property is either ATW-CSS-CLASS or ATW-CSS-ID. The Property Value must match an entry that is used with a control in the COBOL program. Controls selected with the Add Custom button appear on the Customs tab of the Themes Generator. After defining styles for these custom controls, they are included in the generated CSS file.

Note: Once you exit and return to the Themes Generator, you need to import the css file to view, edit, or add more custom controls.

When you have finished editing your theme, use the Export option ( to generate a CSS file.

Once you have exported your finished stylesheet, configure it as an available theme by adding an entry to the gateway configuration file under [web.customize_css]; for example:

...
[web.customize_css] 
neon='c:\css\myNeonTheme.css'
...
Note: You can surround string values in TOML format with either single or double quotes as follows:
Single quotes ('string')
No escape characters are required. For example:
file_cache='C:\tmp\Web\cache'
Double quotes ("string")
Special characters must be escaped. For example:
file_cache="C:\\tmp\\Web\\cache"

Add multiple entries, for multiple stylesheets, to create a list of available stylesheets to choose from on the Themes option on the Gateway Connection Setup screen.

If you need to edit an existing stylesheet, you can also import it into the Themes Generator, where you can edit and select existing styles, and then export it again.