How to add edit the Banner on Service Portal

kirthi1
Tera Contributor

How to update the Banner with the Welcome message?

I edited the welcome mesage here in Paint but have a requirement something like this to add on the ServiceNow Portal as Welcome messgae on the Banner/ Header.

find_real_file.png

8 REPLIES 8

Mohammed Kemal
Tera Guru

Dear Kirti -

You can Use HTML in the banner to apply texts as per your requirment

  • glide.product.description set to <Some text <a href="some_url">Welcome to ServiceNow Portal</a>>

You can also position the banner text over the banner image if you want by

  • glide.product.description set to <Some text for the description>
  • glide.product.description.style set to <position:absolute; top:5px; left:100px> (position values may vary based on your specific requirments)

Best,

Mokemal!

ChrisBurks
Mega Sage

Another workaround to achieve a product tagline in the header in the Service Portal is to use add some CSS.

If you haven't added a CSS stylesheet to the theme you can by going to the theme form and down in the related list "CSS Includes" click New or Edit.

In your stylesheet add these lines:

.navbar:after {
  content: 'Welcome to Service Portal';
  display: inline-block;
  padding-top: 22px;
  color: #fff0f0;
}

/***Optional Adjust media queries to fit your need ***/
@media only screen and (max-width: 1087px) {
  .navbar:after {
    display:none;
  }
}

 

It's very limited since it's dealing with CSS pseudo after class. However, it's easier to change the color or styling than doing it with an image. 

find_real_file.png

 

To have more flexibility you can either make your own header widget or use javascript. In these cases you wouldn't need to use a pseudo class.

The only caveat to this is the right side side bar. You would need to figure out what should happen if too many menu items are added and they start overlapping into the Logo/tagline space. 

Mark Roethof
Tera Patron
Tera Patron

Hi there,

Did this solve your question? Or do we need to follow-up on this?

Please mark this answer as correct if it solves your question. This will help others who are looking for a similar solution. Also marking this answer as correct takes the post of the unsolved list.
Thanks.

Kind regards,
Mark

---

LinkedIn
Community article list

 

Kind regards,

 

Mark Roethof

Independent ServiceNow Consultant

10x ServiceNow MVP

---

 

~444 Articles, Blogs, Videos, Podcasts, Share projects - Experiences from the field

LinkedIn

Mark Roethof
Tera Patron
Tera Patron

Hi there,

Did this solve your question? Or do we need to follow-up on this?

Please mark this answer as correct if it solves your question. This will help others who are looking for a similar solution. Also marking this answer as correct takes the post of the unsolved list.
Thanks.

Kind regards,
Mark

---

LinkedIn
Community article list

 

Kind regards,

 

Mark Roethof

Independent ServiceNow Consultant

10x ServiceNow MVP

---

 

~444 Articles, Blogs, Videos, Podcasts, Share projects - Experiences from the field

LinkedIn