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

I'll give this a shot and let you know.


Thank you


b-rad,



Thank you for this!


I created an onLoad Catalog Client Script with the code you provided and it worked!


It appears though that I will have to insert this CCS on every record producer.


You can stick that ccs in a variable set, and then easily associate that variable set with multiple record producers from one of the related lists on the variable set. That way you don't have to duplicate the script.


Hello,



I want to change the font color of the SUBMIT button of the same page.



I have modified the background color as,



$$('.request_catalog_button')[0].style.backgroundColor='red';



But,I am not sure how to change the font / text color of the submit button.



It would be better if you have any inputs on it.




Change the text color:


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



The font:



$$('.request_catalog_button')[0].style.fontFamily='Verdana';




The font size:



$$('.request_catalog_button')[0].style.fontSize='20px';




And for anything else you want to change, check the full documentation on all DOM style names HTML DOM Style object