Custom JavaScript for a Form

See our PI#enterprise Add-Ons for the latest method to Customize Form JavaScript & CSS settings.

In this example we want to customize the Time Entry Grid page to hide the Save and Submit Time Sheet button. We would prefer that the users submit their time on the Time Entry Worksheet so we simply take the submission option away when using the grid entry.

1. Use Inspect from the browser right-click options to find the ID of the button you need to hide. The right click option will first present the PI options so we need to use the Hide option from the first right-click to get back to the right-click options for our browser.
2. Copy the id, which in this example is "saveAndSubmitTimeSheet." 
   
   
3. Use the Culture & Interface Labels to customize the form for our system culture. If you do not already have a custom culture you will need to make one. See the Customize Form JavaScript & CSS Settings topic for more information.
4. Navigate to the Time Entry Grid.
5. Select the Help menu option to "Edit JavaScript/CSS on this Form"
6. Insert and save the following code which includes the earlier-referenced button ID.
   //Specify a function to execute when the DOM is fully loaded.
   $(function() {
        $("#saveAndSubmitTimeSheet").hide();
   }); 
7. Save the change and wait several minutes for the changes to propagate before testing the results.