How to edit the form layout on Catalog items?

locke1
Kilo Contributor

AR Request Form.png

Hello! For the Service Request form above (and others like it), how do I go about editing the form layout? On most forms, I have the option to choose either Form Designer or Form Layout, but not here. Note that the Requested By, Requested For, Due Date, and Short Description fields are part of a single Variable Set and that the HMS Contract field is a separate, single variable. The Attachment option is also its own Variable Set.

What we want to do is place the Short Description field on its own row above the long description field and also adjust the margins of the fields so that they are all equally spaced from the left side of the form.

That's it! Thanks!

1 ACCEPTED SOLUTION

rohantyagi
ServiceNow Employee
ServiceNow Employee

This is the catalog item layout which cannot be designed or changed What you can do to achieve your desired state is use containers for your variables and then you have layout options for containers. Please check this wiki do to know more about Containers Variable Types - ServiceNow Wiki


View solution in original post

19 REPLIES 19

Hi Riley, do like this.



Requested for, Requested by and due date should be in the variableset with layout as "2 columns wide, alternative sides."



Short description, long description and the attachment macro to be placed in another new variableset with the layout as "1 column wide"


rohantyagi
ServiceNow Employee
ServiceNow Employee

This is the catalog item layout which cannot be designed or changed What you can do to achieve your desired state is use containers for your variables and then you have layout options for containers. Please check this wiki do to know more about Containers Variable Types - ServiceNow Wiki


The containers are awesome! I'm starting to get the form where I want it to be, however, the left margins are still wonky. See how the fields are uneven on the left going down? Any way to adjust that?


AR Request Form 3.png


Hi Riley, if you are using the layout at the variableset level. I would recommend you disable all the container variables. That will help you.


This worked! Everything is aligned and in the order that we wanted! Thank you!


AR Request Form 2.png