Tech tactics
Simple tactics that change the life of
your code
Hazim khasawneh
Sharing ideas and tips that help a front-end
developer in his daily life.
Weekly Posting Schedule
Join me every Sunday at 11 AM (Jordan time)
for a new document filled with valuable insights!
Introduction: This document is part one of a two-part series on scripting in
ServiceNow.
Focus: Detailed exploration of client-side scripting.
Next Part: Server-side scripting will be covered in the second document.
What is Client-Side Scripting?
Client-side scripting involves scripts that run directly in the user's browser,
providing immediate feedback and enhancing interactivity.
The primary goal is to elevate the user experience by enabling real-time
interactions, reducing server load, and creating a seamless, responsive
interface.
Types of Client-Side Scripts
1. Client Scripts
These scripts execute on forms and UI pages.
2. UI Policies
These scripts dynamically change form fields based on user actions,.
3. UI Actions
They add buttons, links, and context menu items to forms, lists, and tables.
Execution times of client scripts
onLoad: Executes when a form is loaded.
onChange: Executes when a field value changes,.
onSubmit: Executes when a form is submitted.
onCellEdit: Executes when a cell value in a list changes.
Client scripts are instrumental in customizing form behavior, validating
field inputs, and enhancing UI interactions, ensuring a responsive and user-
friendly experience.
Real-Life Example
This script will populate
the specified field with the
name of the currently
logged-in user when the
form is loaded.
UI Policies
UI Policies enable dynamic form behavior without the need for scripting,
allowing for greater flexibility and control.
UI Policies are designed to conditionally show, hide, or make fields
mandatory, ensuring that forms are intuitive and user-friendly.
Example:
Display a field based on the value of another field.
Real-Life Example
✓ Navigate to UI Policies.
✓ Create a New UI Policy.
✓ Define the Conditions.
✓ Set the Actions.
UI Actions
UI Actions empower users with custom buttons, links, and context menu items
within ServiceNow.
They serve to trigger both client-side and server-side code, enhancing user
interaction and operational efficiency.
Example:
Create a button to swiftly access related records without navigating away from the
current page.
Real-Life Example
✓ Navigate to UI Actions
✓ Create a New UI Action
✓ Define the Action
Properties and Script
Best Practices for Client-Side Scripting
Keep It Simple: Write clear and concise code.
Avoid Duplication: Reuse code where possible.
Debugging: Use browser console and alerts to debug scripts.
Performance: Minimize client-side processing to improve performance.
Documentation: Comment your code for better understanding and
maintenance.
At The End.
Let's build a community where we share knowledge and simplify
tech. Simple insights can save time and effort for others in our
community.
Follow, comment , and repost useful content!
Thank you.
