Time zone on the user preference section

[pavan patil]

Hello Community,

I am working with the Employee Center portal and would like to remove the Time Zone field from the User Preferences section.

Could someone please guide me on:

• Which widget is responsible for rendering the User Preferences section in Employee Center?
• Whether this widget needs to be cloned to hide/remove the Time Zone field?
• Any recommended or best-practice approach to achieve this customization?

Any guidance or references would be greatly appreciated.

Thank you in advance!

[pavan patil]

Hi @Dr Atul G- LNG @GlideFather the ask is to update from the portal side 

After cloning the widget , in which place I need to update the code ?

[Dr Atul G- LNG]

I shared the code in my last reply buddy.

[Juhi Poddar]

Hello @pavan patil 

This is handled through the User Preferences widget in the Employee Center portal.

To hide the Time Zone field from the User Preferences section, you can update the User Preferences widget as follows:

• Identify the User Preferences widget used on the Employee Center page.

• Clone the widget (recommended best practice to avoid OOTB changes).

• In the cloned widget, comment out or remove the specific line of code responsible for rendering the Time Zone field (as shown in the screenshot).

• Replace the original widget on the page with the cloned version.

After making this change, the Time Zone field will no longer be displayed in the User Preferences section, as reflected in the result screenshot.

This approach ensures the customization is controlled, upgrade-safe, and aligned with ServiceNow best practices.

Result: 

Hope this helps!

"If you found my answer helpful, please like and mark it as an "accepted solution". It helps future readers to locate the solution easily and supports the community!"

Thank You
Juhi Poddar

[RaghavSh]

@pavan patil There is a simple way with CSS to hide this without changing the widget code.

1. Go to "sp_page" table and search page with id = hri_user_profile

2. In the css box, add the below code and reload.

#time_zone_picker_select{
  display:none;
}
label[for="time_zone_picker_select"] {
  display: none;
}

This will save you for customising the widget.