Where can I get and modify all the HTML code to create a custom end-user portal?

[gs91]

Hi

I'm trying to develop a custom end-user portal, but I need to access and modify some parts of the HTML code that I wasn't able to find in ServiceNow.

Specially, I would like to fit the content of the website depending on the screen with the CSS property width: 100%. I was reading about this and I have found that I need to modify the HTML body label, does anyone know how can I find this label?

On the other hand, I want to modify some default margins that ServiceNow automatically creates when it builds the pages.

I'm open to any suggestion!

Thank you very much!

Regards.

[Manjul Katare]

Hi Ganzalo,

If you are making a new pages for portal, then you can modify pretty much everything!

If we refer Geneva Instance based ESS Portal, we can see how the styles are being applied on the body level.

(Styles coming from the platform)

https://demonightlygeneva.service-now.com/styles/css_includes_doctype.css

https://demonightlygeneva.service-now.com/styles/heisenberg/heisenberg_all.css

(Styles coming from the ESS Portal Theme)

https://demonightlygeneva.service-now.com/ess/5040d385efb12000876004167b2256e5.cssdbx

Now as you can see in   below screenshot, that in the end ESS Theme based styles are overwriting:

Which means by increasing the specificity of any style for portal, you can modify pretty much everything (Padding, margin, width, height.....).

Let me know if there is any particular style which is not working for you!

If you find this post useful or it resolved your issue please mark it accordingly.

Thanks,

Manjul

[gs91 · Accepted solution]

Hi Manjul,

Thank you for you fast answer!

I found the way to manipulate all the styles that I needed.

First of all I disabled Helsinki (the Bootstrap that ServiceNow always include).

"You can disable it by creating a new glide property called "glide.ui.heisenberg.exclude" with a value of "view_content" ".

I found this message on the ServiceNow Community:

Disable Heisenburg Bootstrap

Secondly I created my own CSS Style Sheets and it worked!

Thanks