I was struggling to remove the (i) icon recently on catalog item form on ESC portal. I found some older articles but this was not working as expected so I dived into CSS and found a solution. Some of you might find it helpful so I post it here as answer as I cannot create an article
OOB state:
Desired state:
To remove the (i) icon from all reference fields follow these steps:
1. Switch to Employee Center Core application
2. You shift-rightlick on anywhere in the widget and select "Instance in Page Editor"
3. It should open the inscance of HRM Catalog Item
4. Scroll down and add the following CSS
.field-has-reference button {
display: none;
}
div.select2-container .select2-choice {
padding-left: 1.2rem;
}the first bit makes sure the (i) icon disappears, the second one shifts the reference label a bit to the right so it is not so far left:
To remove the (i) icon from all reference fields follow these steps:
1. Switch to Employee Center Core application
2. You shift-rightlick on anywhere in the widget and select "Instance in Page Editor"
3. It should open the inscance of HRM Catalog Item
4. Scroll down and add the following CSS
.field-has-reference button {
display: none;
}
div.select2-container .select2-choice {
padding-left: 1.2rem;
}the first bit makes sure the (i) icon disappears, the second one shifts the reference label a bit to the right so it is not so far left:
