moving the Submit button

joedumond
Tera Contributor

Can anyone provide guidance on moving the Submit button on our record producer forms in our CMS environment?

We have a two fold problem where our ESS portal in CMS is configured for 16:9 (widescreen) format and the Submit button resides on the right hand side of our forms.

Those with 4:3 (square) monitors have most of the right side of their screen out of view.

Of course, this can be address by simply using scroll bars or zoom but some of our end users are not that technically astute and besides it just looks bad.

I want to both narrow up the field of view AND also move the Submit button to the left side of the form.

See screenshot

Hidden Submit Button

submit1.jpg

1 ACCEPTED SOLUTION

Brad Tilton
ServiceNow Employee
ServiceNow Employee

I've moved it in the past with an onload client script. You could put it in a variable set and add the variable set to your record producers.



$$('.request_catalog_button')[0].up().up().down().hide();


View solution in original post

29 REPLIES 29

It's alright I found the answer from below.


Create a custom attachment button for your service catalog


I am also have the same requirement to create custom submit button in record producer.


I used the below code but it is not working, we are in Geneva version.



$$('.request_catalog_button')[0].up().up().down().hide();


$('form_header').insert('<button style="float:right;" onclick="saveProducer(); return false;">Submit Request</button>');


We are running Helsinki.


I am using an onLoad Catalog Client Script applied to variable set called Move Submit Button.


I added some styling due to CMS, but it works nonetheless.



The code is:


function onLoad() {}


$$('.request_catalog_button')[0].up().up().down().hide();


$$('.request_catalog_button')[0].style='margin-left:45px';


$$('.request_catalog_button')[0].style.background='white';


$$('.request_catalog_button')[0].style.color='black';


I tried with the script $$('.request_catalog_button')[0].up().up().down().hide(); alone, it is hiding the 'cancel' button.


Also when I use the below script to create new button, nothing is happening.



$('form_header').insert('<button style="float:right;" onclick="saveProducer(); return false;">Submit Request</button>');


Hi Kumaran,



Are you able to fix this ..