Custom CSS Rule for User Search Results

book

Article ID: 131537

calendar_today

Updated On:

Products

CA Identity Manager CA Identity Governance CA Identity Portal

Issue/Introduction

I have a question about customizing content in Identity Portal using custom CSS files or commands. Between what you provided and a CA Communities post about branding the Access Catalog tabs, The customer did change the color on the tabs in the Access Catalog form, which now show more clearly when mapped against the custom background configured. However that same background inhibits the visibility/readability of the User Search Results table on initial open of the Access Module (see screen shot 1).

I’ve used a similar approach in an IDS 14.2 vApp deployed in my laptop; but I cannot find the correct form object to change the background on the displayed table when I choose a background image (see screen shot 2
). It appears the correct object is user.search.results.loader.error-area, to which I add a custom CSS Rule to change the background color. That CSS rule has no effect, however.  

Is there a document describing the elements in the Portal forms; or is the browser Inspect action the only method to determine which form object should be modified.

I have a question about customizing content in Identity Portal using custom CSS files or commands. Between what you provided and a CA Communities post about branding the Access Catalog tabs, the customer did change the color on the tabs in the Access Catalog form, which now show more clearly when mapped against the custom background Dollar Bank configured. However that same background inhibits the visibility/readability of the User Search Results table on initial open of the Access Module (see screen shot 1). I’ve used a similar approach in an IDS 14.2 vApp deployed in my laptop; but I cannot find the correct form object to change the background on the displayed table when I choose a background image (see screen shot 2 ). It appears the correct object is user.search.results.loader.error-area, to which I add a custom CSS Rule to change the background color. That CSS rule has no effect, however. Is there a document describing the elements in the Portal forms; or is the browser Inspect action the only method to determine which form object should be modified.

Environment

Release:
Component: IDSVA

Resolution

The short answer to this question: "Is there a document describing the elements in the Portal forms; or is the browser Inspect action the only method to determine which form object should be modified." is No there is no document in the product that lists out Protal form element names. while I have not done this for Portal, I have used chrome to get this data for other websites. From our docs this is the way to brand an element: https://docops.ca.com/ca-identity-portal/14-2/en/administrating/administrating-ca-identity-portal/ca-identity-portal-administration/apply-branding On step three select this: Desktop - All the pages of the desktop application except the public pages the product will list the elements available to brand. our docs do not. IF you do not find the search results listed there, try steps 6 and 7 to select it: If you do not find your desired element in the left panel, you can switch to the top to Select Element and then click the element. If there are no configured CSS rules for the selected element, you can add your own custom CSS in the bottom left panel. In the pop-up box, enter the CSS rule selector for the desired element.


Requested information was provided which led to resolution, using the Inspect tool in Chrome (or any browser) to determine the best CSS element to add a required Rule Selector using the Branding UI.