Left align the submit button in catalog forms

[AmulyaP]

Hi,

we have a requirement where the submit button is to be moved to the left side of the catalog form for all the catalog forms.

could you please help me with best practice on this and what are the impacts we might face while upgrade?

[Ankur Bawiskar]

@AmulyaP 

you can move it to bottom using this, but not to left

1) Ctrl + Right Click -> Instance Options

2) Uncheck this "Order Item Section On Time"

If my response helped please mark it correct and close the thread so that it benefits future readers.

[AmulyaP]

thanks for the response @Ankur Bawiskar , can we not customize the widget to fulfill this requirement?

[Ankur Bawiskar]

@AmulyaP 

you will have to clone few of the OOTB widgets, then make the changes and then add that new widget to OOTB page (sc_cat_item)

Remember "HRM Catalog Item" widget calls "SC Catalog Item" widget so you will have to make those changes

If my response helped please mark it correct and close the thread so that it benefits future readers.

[tejas1111]

Hi,

Out of the box, the Submit button in Catalog Item forms is rendered by the Service Portal widget (sc-cat-item or sc-request-page) and is styled to appear on the right.

🔹 Best practice:

Avoid direct DOM manipulation (jQuery or custom JS).

Instead, override the Service Portal widget template (clone sc-cat-item), and adjust the HTML so the submit button has a float-left / text-left style.

Or, apply a custom CSS rule in your portal theme targeting that button container. Example

.btn-container {
text-align: left !important;
}