Changing the look and feel of an Open Client application |
Open Client Administration |
 |
Changing the look and feel of an Open Client application
How do I change the look and feel of an application deployed via Open Client?
-
Add an index.html file to your application resource folders. Do this by copying the index.html file from the appResources folder ( …/appResources/index.html) to your application resources folder (e.g. …/appResources/myApplication/index.html), where myApplication is the name of your application that you want to deploy using Open Client.
-
Create your style sheet, for example "myStyleSheet.css". Save your style sheet to the application resources folder (…/appResources/myApplication). This style sheet is used by the Open Client after the PROIVDefaultStyle.css, therefore any properties in it will override the default ones.
-
Edit the index.html, ensure that there is an empty DIV tag with an ID of "proiv_panel" and add a Link tag to your style sheet in the HTML header.
For example:
<head>
<link rel="stylesheet" type="text/css" href="myStyleSheet.css" />
</head>
The entire file should then look something like this:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<link rel="stylesheet" type="text/css" href="myStyleSheet.css" />
</head>
<body>
<div id="proiv_panel"></div>
</body>
</html>
The style properties can be used to change the way the Open Client displays the Dynamic and Static controls. Typically, the background and foreground colours can be changed in both normal mode and disabled mode. The font can be changed for style, size and decoration. Borders can be altered for colour, width and style. Padding and margins can be set. The type of cursor can be altered. All this can be done for each type of control.
Topic ID: 800015