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!