Adding attachment button to service catalog request

Jan-Z · ‎07-02-2013

I have created a service catalog item which requires documents to be attached to the request before the request can be submitted. The team working with this request does not like the paperclip icon and they would like a "button" but in the middle of the service catalog item below an already created label. They want the "button" because they feel it will be more visible to end users submitting requests.

To accomplish this I created a variable macro with label and used the macro add_attachment. This looks correct and provide the look the end users want BUT
it does not work. Upon testing I can add attachments using this button and the attachments appear at the top of the request as attachments under manage attachments. BUT upon submission the attachments disappear. When I look at the submitted request there are no attachments, when I look at the SC item there are no attachments.

Does anyone know how to add an attachments 'BUTTON" to an SC request? Or to fix the issue I am having using the macro with label? Any help would be appreciated. Thanks.

JonathanJacob · ‎07-02-2013

1. Create UI Macro
1a. In the "Type Filter Text" search for UI Macro
1b. Create New:
1c. Paste the following code:



<?xml version="1.0" encoding="utf-8" ?>
<j:jelly trim="false" xmlns:j="jelly:core" xmlns:g="glide" xmlns:j2="null" xmlns:g2="null">
<b>Use the paperclip</b>
<a onclick="saveCatAttachment(gel('sysparm_item_guid').value, 'sc_cart_item')">
<img title="Attachments..." height="16" src="images/icons/attachment.gifx" border="0" width="16"/></a>
<b>to attach items to this request.</b>
</j:jelly>

2. Add a Variable to your Catalog Item.
3. Type-- UI Macro
4. Choose your newly created macro in step 1.
5. It should show up on your form (see attachment) it is clickable and functions just as the OOB paperclip icon on the top right of forms.
6. If you want change two attributes in the code above
6a. Change the icon by uploading an icon or choosing one from the image browser (src="images/icons/attachment.gifx" or src="images/pdf.gifx")
6b. Change the size of the icon (height="16" or height="25")

Try out your UI macro.

View solution in original post

Inactive User24 · ‎11-03-2017

Hi Jonathan,

Will this feature work on a mobile device also?

jiral · ‎05-09-2018

How to do you set the color? Using color: "white" is not working? Do I need to look somewhere else to set it?

Pragati4 · ‎05-27-2019

Hi

How can we increase the font size of the text??(

(Use the paperclip ..)

Regards,
Pragati

Jan-Z · ‎07-02-2013

Thanks Jonathan, I appreciate you taking the time to respond.

Will this script allow me to add "use the paperclip to attach" as a variable within the SC request or will it add detail to the already existing paperclip location?

Where would I input this script?

Jan-Z · ‎07-02-2013

Thank you Jonathan. This is exactly what I needed.