How can I build a Request Item with a grid or table in the service catalog?

DennisFoster1
Kilo Contributor

Hi there - I am trying to recreate a web form in Service Portal. We are on Kingston Patch 3.

I am providing a list of items that a user could order. Right now it is a quick form that sends an email. Adding each item to the product catalog would be overkill at this time as they are used to ordering on the same page.

If I could 'left align' the Question on a variable, it would be do-able, just not pretty.

Ideally they would see a list or grid. The text can be hard coded and I just gather the variable values for quantity to create a task and notification on Submit. Any thoughts? Google is not my friend today.

 Item                                                                                                      Part Number                          QTY

Item one that the user can order

560045

 

Item two that the user can order

685521

 

Item three that the user can order

698745

 

Item four that the user can order

325621

 

1 ACCEPTED SOLUTION

Brad Tilton
ServiceNow Employee
ServiceNow Employee
5 REPLIES 5

Brad Tilton
ServiceNow Employee
ServiceNow Employee

Thanks Brad, I had seen this solution but wasn't sure I needed to go this far for the goal.

It's actually not as difficult to implement thanks to the fixes Jon Barnes added.

New Feature Alert! "Multi-Row Variable Sets" (MRVS)

 

Not one to question Brad, but we have since added a new feature called Multi-Row Variable Sets that solves for this.  Simply create a new Variable Set on your catalog item and you will be immediately prompted to select Single or Multi Row.  Select Multi-Row and build your variable set as you normally would.  When it's rendered it will show a list with an "Add" button and you can fill out each row with a modal dialog.

 

MRVS Example Form.jpg

It would be great if we could add a duplicate row button as well as the option to do in-line editing of the table without the modal dialog. Something more like what you can do with GitHub - ag-grid/ag-grid: The best JavaScript Data Table for building Enterprise Applications. Suppo...