2.3. Branding the Business Central Application

Procedure 2.2. Changing the Business Central Login Page Background Image

1. Start the EAP server and open http://localhost:8080/business-central in a web browser.
2. Copy the new background image to the $EAP_HOME/standalone/deployments/business-central.war/images directory in your JBoss BPM Suite installation.
3. Navigate to $EAP_HOME/standalone/deployments/business-central.war/styles directory and open the login-screen.css file in a text editor.
4. In the login-screen.css file, provide the location of your new background image in the following background-image attribute.

   background-image: url("../images/login-screen-background.jpg");

   Copy to Clipboard Toggle word wrap
   The background-image attribute points to the default login-screen-background.jpg image.
   In addition to the background image, you can modify other attributes such as image size, position, and background color in the login-screen.css file.

Procedure 2.3. Changing the Business Central Login Page Company Logo and Project Logo

1. Start the EAP server and open http://localhost:8080/business-central in a web browser.
2. Navigate to the $EAP_HOME/standalone/deployments/business-central.war/images directory in your JBoss BPM Suite installation.
3. Replace the default image login-screen-logo.png with a new one. This is the company logo that appears on the top right hand corner of the login page.
4. Replace the default image RH_JBoss_BPMS_Logo.pngRH_JBoss_BRMS_Logo.png with a new one. This is the project logo that appears on the center left hand side of the login page.

Procedure 2.4. Changing the Business Central Application Header (Banner)

1. Start the EAP server and open http://localhost:8080/business-central in a web browser.
2. Log in to the Business Central application with your user credentials.
3. Copy your new application header image to the $EAP_HOME/standalone/deployments/business-central.war/banner directory in your JBoss BPM Suite installation.
4. Open $EAP_HOME/standalone/deployments/business-central.war/banner/banner.html file in a text editor.
5. In the banner.html file, edit the following <img> tag to provide the name of your new header image:

   <img src="banner/logo.png"/>

   Copy to Clipboard Toggle word wrap
   The default image is logo.png.

Procedure 2.5. Changing the Business Central Splash Help Pop-Up Images and Captions

1. Start the EAP server and open http://localhost:8080/business-central in a web browser.
2. Log in to the Business Central application with your user credentials.
3. Copy your new splash help image(s) to the $EAP_HOME/standalone/deployments/business-central.war/images directory in your JBoss BPM Suite installation.
4. Open the corresponding html file from $EAP_HOME/standalone/deployments/business-central.war/plugins directory in a text editor.
5. Edit the html file to point to your new splash help image. For example, to change the first image that appears in the Authoring Perspective splash help, edit the following <img> tag in the authoring_perspective.splash.html file to add your new image:

   <img src="images/authoring_perspective1.png" alt="">

   Copy to Clipboard Toggle word wrap
   The default image is authoring_perspective1.png, which appears on the first page of the Authoring Perspective splash help.
6. To change the image caption that appears on the splash help, edit the <h4> and <p> tag contents below the <img> tag:

   <h4>Authoring</h4>
   <p>Modularized and customizable workbench</p>

   Copy to Clipboard Toggle word wrap