Changing the appearance of the keypads

For HATS Web projects, use the Host Keypad and Application Keypad settings on the Rendering tab of your Project Settings to define which keys to display and whether to display them as buttons or links. See Host keypad and Application keypad for more information.

To change the style of a keypad for a specific HATS Web project, change the cascading style sheet (.css file) that corresponds to the keypad. This will be the style sheet you are using when you build your project. In the Rational® SDP workbench, go to the HATS Projects view of the HATS Toolkit and expand the project name. Expand Web Content/Common/Stylesheets. For more information, see Using style sheets.

To modify the style sheet, double-click on the .css file to open the editor. Keep in mind that templates can override your style sheet changes. For more information about cascading style sheets, go to https://www.w3.org/Style/CSS/.

If not already defined, the style sheet can define any of the following HATS styles:
table.HostKeypad
Host keypad background
table.ApplicationKeypad
Application keypad background
input.HostPFKey
Host keypad PF buttons
input.HostButton
Host keypad buttons
input.ApplicationButton
Application keypad buttons
a.HostKeyLink
Host keypad links
a.ApplicationKeyLink
Application keypad links

For HATS rich client projects, use the Host Keypad settings on the Rendering tab of your Project Settings to define which keys to display and whether to display them as buttons or links. See Host keypad for more information. Use the Application Keypad settings on the Rendering tab of your Project Settings to define which application-level buttons to display. Use the Toolbar settings on the Rendering tab to define whether the application-level buttons will display text, an image, or both. See Application keypad and Toolbar (RCP-only) for more information.