Service portal required information box move to top of the page

[harishdasari]

Hi,

In service portal, this the mandatory fields required information box, if we don't fill the required fields it will display the fields which are mandatory before submitting the catalog form.

Is there anyway, we can move it to top of the form instead of keeping it at bottom of the page, can any one please help me.

Thank you.

[Justin Abbott]

You could clone the Form (widget-form) widget, and move the following lines of code from the "panel-footer" div to the top of the "panel-body" div.

<div ng-if="mandatory.length" class="alert alert-info" style="margin-top: .5em">
               <span ng-if="mandatory.length > 0">${Required information} </span>
               <span ng-repeat="f in mandatory" class="label label-danger" style="margin-right: .5em; display: inline-block;">{{f.label}}</span>
</div>

Then, edit the page of your choosing to include your new widget, instead of the out-of-the-box Form widget.

I did this with the sc_cat_item page.

Hope that helps!

[Gaurav Bajaj · Accepted solution]

Hi Harish,

Please clone the OOB widget and then in the cloned widget,

move the highlighted code after the "   <sp-cat-item item="::data.sc_cat_item" />"

It gave me this result.

Thanks

Gaurav

[harishdasari]

Thank you Gaurav and Justin,

Yes I got it and able to acheive it.

Thanks once again. I dont have have a choice to mark both of the answers as correct.

I am marking as helpful. sorry for that.

[Kingstan M]

This is an interesting topic.

Could you educate me on how we can change the text color?