Remove the Information preview button on catalog item reference fields from Service Portal

[ads4]

Hello, I'm using a catalog item on my portal which has several reference type fields like location, config item etc. 

There is a button next to Reference type Field in our Service Portal form. The 'i' button displays a full view of the object of reference. The end user should not have access to this functionality. Pls help to remove it. 

I tried writing this CSS to fix the issue but it doesn't work for me

.field-has-reference > .add-on {
	display:none;
}

[Andrew Bettcher]

Excellent. This sort of thing really impresses me. I will endeavor to learn CSS. It gives you complete control over how the page looks and the widget options and form options etc. aren't as good as they could be.

Next trick, hide related lists but allow them to be shown by a tabbed related list widget I added......

[tahnalos]

Which form is this CSS field located?  Because I can't find it on the sp_page form.

[Mike83]

Hi ads4,

If you would like to hide the Preview Information "i" button from a particular field, you will need to obtain the "id" of that field (element) on your Catalog Item form.

The "id" I believe will start with "sp_formfield_reference_" and finish with the variable name for that field (e.g. sp_formfield_reference_customer).

Once you have the "id" of the field (element), then it is as simple as adding the below code to your Service Portal page "Page Specific CSS" field and replacing "sp_formfield_reference_customer" with your field (element) id.

#sp_formfield_reference_customer {
  button {
    display : none;
  }
}

 
Please mark this correct if it achieves your outcome, or helpful if it assists you further.

Regards,
Michael Deans