Customizing the Viewpoint background and login screen
By default, the Viewpoint login page and the main Viewpoint background have a blue gradient background, an arch image, and a Moab Cloud Suite heading. Each page within Viewpoint has a similar heading image. You can customize these images to change the look and feel of Viewpoint.
In order for the new images to display correctly, you must create them using the same dimensions as the default images.
| Image | Description | Dimensions in pixels (WxH) |
|---|---|---|
| body.png |
A blue-to-white gradient that creates a dark background for the header and blends into the white main background below. 
If you choose to change the Viewpoint background color from its default blue, select a color dark enough to provide contrast for the white text and links above the main content. |
1x698
body.png is placed in the top corner of the page and repeated horizontally, so its width does not have to match the default. |
| body-arch.png | An image of the delicate arch that matches the blue-to-white gradient pattern of the background. | 885x672 |
| cloud-suite-login.png | The login text image that says Moab Cloud Suite. | 344x34 |
| cloud-suite-header.png |
The header text image above each page that says Moab Cloud Suite. |
263x26 |
To customize the Viewpoint background
- Copy the default image(s) from the web-app/images/core directory into a separate directory in case you need them again later.
- Rename your new custom image to match the name of its corresponding default image. For example, if you are replacing the arch logo on the login screen, you must call your new image body-arch.png.
- Drop the custom image(s) into the web-app/images/core directory to replace the default ones.
The login page and/or the main Viewpoint background reflect your modifications.
Related topics