Join the #BuildWithBuildAgent Challenge! Get recognized, earn exclusive swag, and inspire the ServiceNow Community with what you can build using Build Agent.  Join the Challenge.

Employee Center LoginPage

Dariussiriuse
Tera Contributor

Hello dear world wide team!
I am being asked to customize the employee center login page.

I want to have a video put on loop in the background and change the design of the login widget.

Could someone tell me where I can find this login page? Is it a ui_page?
How could i achieve the required?

Many thanks,
Darius

1 ACCEPTED SOLUTION

Community Alums
Not applicable

Hi @Dariussiriuse ,

 

To embed the video on login in Employee Center Portal, please follow the below steps-

1. Saving the Video file with appropriate format in the System.

SanjayG_0-1715523230847.png

 

2. Find the appropriate login page for ESC portal

 

SanjayG_2-1715523396680.png

 

3. Open the page and Widget (Login)

SanjayG_3-1715523638437.png

 

4. Clone the Login widget- Click on Clone Widget (We cannot edit/modify the OOTB widget, only option is to clone it and modify)

SanjayG_5-1715523751022.png

 

5. After cloning, give it a name. and update the below code in the Body HTML Template section at the very beginning.

SanjayG_6-1715523925843.png

<video autoplay muted loop id="myVideo" style="position: fixed; right: 0; bottom: 0; min-width: 100%; min-height: 100%; z-index: -100;">
  <source src="LoginPage.mp4" type="video/mp4">
</video>

6. Save the Widget.

 

7. Attach the widget to the login page. Go to the login page again and click on instance

SanjayG_7-1715524113062.png

 

Update the widget from Login to NewLogin(cloned widget) (in my case)

SanjayG_9-1715524253404.png

 

And you are Done.

Hit the esc Portal link to login page-

https://dev23xxxx.service-now.com/esc

Wohoo, video is in the background

SanjayG_11-1715524469494.png

 

Enter Creds and hit Login

User is successfully Logged in

SanjayG_12-1715524575329.png

 

If my response has resolved your query, please consider giving it a thumbs up ‌‌ and marking it as the correct answer‌‌!

 

Thanks & Regards,

Sanjay Kumar

 

 

 

 

View solution in original post

3 REPLIES 3

James Chun
Kilo Patron

Hi @Dariussiriuse,

 

I am guessing you are talking about the following page -

JamesChun_0-1715502597494.png

 

If so, you can find the page via:

  • Navigate to Service Portal > Portals

JamesChun_1-1715502659704.png

  • Open the Employee Center portal record
  • Open the Login page record

JamesChun_2-1715502691364.png

 

Cheers

 

Community Alums
Not applicable

Hi @Dariussiriuse ,

 

To embed the video on login in Employee Center Portal, please follow the below steps-

1. Saving the Video file with appropriate format in the System.

SanjayG_0-1715523230847.png

 

2. Find the appropriate login page for ESC portal

 

SanjayG_2-1715523396680.png

 

3. Open the page and Widget (Login)

SanjayG_3-1715523638437.png

 

4. Clone the Login widget- Click on Clone Widget (We cannot edit/modify the OOTB widget, only option is to clone it and modify)

SanjayG_5-1715523751022.png

 

5. After cloning, give it a name. and update the below code in the Body HTML Template section at the very beginning.

SanjayG_6-1715523925843.png

<video autoplay muted loop id="myVideo" style="position: fixed; right: 0; bottom: 0; min-width: 100%; min-height: 100%; z-index: -100;">
  <source src="LoginPage.mp4" type="video/mp4">
</video>

6. Save the Widget.

 

7. Attach the widget to the login page. Go to the login page again and click on instance

SanjayG_7-1715524113062.png

 

Update the widget from Login to NewLogin(cloned widget) (in my case)

SanjayG_9-1715524253404.png

 

And you are Done.

Hit the esc Portal link to login page-

https://dev23xxxx.service-now.com/esc

Wohoo, video is in the background

SanjayG_11-1715524469494.png

 

Enter Creds and hit Login

User is successfully Logged in

SanjayG_12-1715524575329.png

 

If my response has resolved your query, please consider giving it a thumbs up ‌‌ and marking it as the correct answer‌‌!

 

Thanks & Regards,

Sanjay Kumar

 

 

 

 

Thank you!