...
A Genie skin is a collection of HTML, JavaScript and style sheet Cascading Style Sheet files which control how all 5250 screens are displayed. Each skin is comprised of:
- Header Template HTML file (headerstart.html)
- Footer HTML file (footer.html)
- Cascading Style Sheet file (<Skin Name>.css e.g. gradient.css)
- Customization Script file (custom.js)
These files are located on the IFS in <HTTP document root>/skins/<Skin Name>. In most installations, the Gradient Skin files are located in /genie/skins/gradient/
The header is a static HTML int the /www/profoundui/htdocs/profoundui/userdata/genie skins/Skin Name/ directory, where Skin Name is the name of a skin, such as Gradient.
The template HTML is a static file that can be used to design the page header of and footer for all screens. This can include a company logo, text, links, and color schemes. Likewise, the footer can be used to add a common footer to all pages. This can include a “terms of use” link or a privacy policy.
The css file contains styling for all components on a page. This can include such things items as color, size, location, alignment and font style plus much more. It also determines how each 5250 display attribute will be rendered by Genie.
Customizing a Skin
In most cases, a new skin will would first have to be created by copying a default shipped skin provided with Genie (see 3-5: Genie Skins), so you will start with a working skin from which you can modify. The Genie Administrator tool can help with copying a skin. Changes to a skin will affect all screens running under that skin. Some knowledge of HTML and css CSS is required for customization, but this is the only time Genie requires knowledge of these languages. In most cases, minor changes to a skin copied from a default skin can be successfully completed by personnel with a basic understanding of these technologies. Profound Logic Software can provide these services if required.