Create a background image to update the color. Name the file as newBackground.jpg.
You can modify the color scheme of HTML Workspace user interface portions to suit your requirements. Following are some examples of representative color scheme customizations. In addition to the steps discussed in this article, see Generic steps for HTML Workspace customization.
Top navigation bar
Using background image
To update the navigation bar at the top of HTML Workspace.
-
-
Upload the background image file in /apps/ws/images folder using a WebDAV client.
Merk:For more information about WebDAV access, see WebDAV Access.
-
Reference the new background image in /apps/ws/css/newStyle.css by adding following style.
#header { background:#292929 url(../images/newBackground.jpg) repeat-x; }
Using color property in CSS
-
Add the following style in newStyle.css at /apps/ws/css
#header { background : none; background-color: gray; }
Category component
Category component displays the various categories of your tasks in the left panel. To change its color, define the background color in .category element of the CSS file.
Task component
Tasks are displayed in the middle panel called the TaskList Component. To change its color, modify the style associated with .task selector in the style sheet.
Mer som dette
- Introduction to Customizing HTML Workspace
- Generic steps for HTML Workspace customization
- Managing tasks in an organizational hierarchy using Manager View
- Integrating Correspondence Management in HTML Workspace
- Single Sign On and timeout handlers
- Displaying the user avatar
- Displaying information in the Task Summary pane
- Changing the organization logo
- Changing the color scheme of the interface
- Changing the font on the interface
- Changing the locale of the user interface
- Customizing error dialogs
- Customizing tabs for a task
- Customizing Task Actions
- Customizing the listing of process instances
- Customizing the task Details page
- Displaying additional data in ToDo list
- Getting Task Variables in Summary URL
- Images for Route Actions
- Creating a new login screen
- Minification of the JavaScript files
- Sorting of Tracking tables and adding more columns
- Updating the link to the documentation
- Hosting two HTML Workspace instances on one server