IBM BPM, V8.0.1, All platforms > Customize and rebranding interfaces > Customize Process Portal > Customize the login page

Example: Login page customizations for Process Portal

You can customize a number of different elements of the Process Portal login page, such as the graphics, background color, and login field labels.

Login page styles

The following table provides descriptions of the styles that you can set for the login page.

Style	Attribute	Description
.processPortal .login_background_image	background-image: url	Identifies the image that is used as the overall background that surrounds the login area.
.processPortal .login_content		The region that contains all the content that is displayed on the login screen.
.processPortal .popup_window		Controls the appearance of the white box that contains the user ID and password text fields, and the login button.
.processPortal .legal_textt		Sets the color and location of the copyright text.
.processPortal .loginText		Sets the look of the labels for the user ID and password login fields.

The appearance of the login page is controlled by the following section of the login.css file:

.processPortal .login_background_image{
	width:100%;
	height:100%;
	position absolute;
	top:0;
	left:0;
	z-index:-1;
	background-image: url(images/login_background.png);}

Login text

The text used to label the user name and password fields is controlled by the following CSS rule:

.processPortal .loginText{
	float: left;
	color:#2D2D2D;
	font-size:18px;
	padding-bottom:7px;}

The font type, size, and color can be modified by changing these properties.

The text boxes for the user name and password fields, and the login button are not customizable. For legal reasons, do not customize or hide the copyright information or the IBM logo.

Customize the login page for Process Portal