Branding CA Identity Portal 14.1 in Virtual Appliance

book

Article ID: 16809

calendar_today

Updated On:

Products

CA Identity Manager CA Identity Governance CA Identity Portal

Issue/Introduction



How can the logo and additional branding be added to CA Identity Portal Virtual Appliance? The system is very restrictive in it's functionality. Is this even possible?

Environment

Release: CAIDMB99000-14.1-Identity Manager-B to B
Component:

Resolution

To set the branding for Identity Portal 14.1 for Virtual Appliance. Navigate to the Branding tab on the top on the bar as shown in the below image:

<Please see attached file for image>

class="image-3 jive-image" style="width: 620px; height: 72px; font-family: inherit; font-size: 15px; font-style: inherit; font-weight: inherit;" src="https://communities.ca.com/servlet/JiveServlet/downloadImage/38-6876-138578/pastedImage_1.png" alt="" width="638" height="74">

Click the Logo and select these attributes:

background-image

background-size

height

width

 

<Please see attached file for image>

class="image-1 jive-image j-img-original" style="width: 620px; height: 544px; font-family: inherit; font-size: 15px; font-style: inherit; font-weight: inherit;" src="https://communities.ca.com/servlet/JiveServlet/downloadImage/38-6876-138576/1025-899/brand1portal.png" alt="" width="1025" height="899">

 

 

In the image above are some of the sample values I put in. Adjust these as necessary:

background-image: <image-name.jpg>

background-size: contain

height: 100

width: 150

 

The next is to change the logo on the icon when clicking the left-handed panel.

<Please see attached file for image>

class="image-2 jive-image j-img-original" style="width: 620px; height: 657px; font-family: inherit; font-size: 15px; font-style: inherit; font-weight: inherit;" src="https://communities.ca.com/servlet/JiveServlet/downloadImage/38-6876-138577/849-900/brand2portal.png" alt="" width="849" height="900">

 

The above show

 

1) In the branding tab click the Key on the view section

<Please see attached file for image>

class="jive-image image-4" style="width: auto; height: auto; font-family: inherit; font-size: 15px; font-style: inherit; font-weight: inherit;" src="https://communities.ca.com/servlet/JiveServlet/downloadImage/38-6876-138579/pastedImage_1.png" alt="" width="350" height="118">
2) Click Logo

<Please see attached file for image>

class="image-5 jive-image" style="width: 620px; height: 796px; font-family: inherit; font-size: 15px; font-style: inherit; font-weight: inherit;" src="https://communities.ca.com/servlet/JiveServlet/downloadImage/38-6876-138580/pastedImage_2.png" alt="" width="624" height="801">
3) Change logo to desired image. This will change the image on the login screen

 

For changing the logo on the panel on the left follow these steps: 
1) Under custom click the "+" icon 
2) Add this for the "Add CSS Selector Name" 
[image-error="../static-html/images/[email protected]"] 
and 
3) Add  .nav-menu-header 
The first custom script we have added: [image-error="../static-html/images/[email protected]"] .

Follow these steps to add onto Identity Portal attributes
1) Click add attribute and look for other 
2) enter in display -. value as "none"

In .nav-menu-header this one is a little tricky.

<Please see attached file for image>

class="image-6 jive-image" style="width: 605px; font-family: inherit; font-size: 15px; font-style: inherit; font-weight: inherit;" src="https://communities.ca.com/servlet/JiveServlet/downloadImage/38-6876-138581/605-900/pastedImage_3.png" alt="" width="605" height="900">

add background-image attribute, background-position, background-size and background-repeat

The values should be as lsited below: 
background-image: select desired logo 
background-position: right 
background-size: contain 
background-repeat: no-repeat

Attachments

1558719213218000016809_sktwi1f5rjvs16v97.png get_app
1558719211400000016809_sktwi1f5rjvs16v96.png get_app
1558719209595000016809_sktwi1f5rjvs16v95.png get_app
1558719207905000016809_sktwi1f5rjvs16v94.png get_app
1558719205928000016809_sktwi1f5rjvs16v93.png get_app
1558719203662000016809_sktwi1f5rjvs16v92.png get_app