maintenance banner

0

Hello everyone,
i recently needed to display a maintenance banner in Webcon BPS to inform users about an upcoming system or application update. Since i couldnt find a clear guide, I want to share how i implemented it.

1. Display a permanent Banner in the portal
--> Using custom css in the color-theme
the easiest way to add a global maintenance banner in Webcon BPS Portal is by using the "Custome CSS" section in the color-themes:
/* Example: Permanent banner using a pseudo element*/
body::before {
content: "this is the message!";
display: block;
position: fixed;
top: 0;
left: 0;
width: 100%;
background-color: #cb0606;
color: #ffffff;
text-align: center;
padding: 10px;
z-index: 9999;
font-weight: bold;
}

/* Compensation so that the page content is not obscured by the banner*/
body {
padding-top: 50px; /* adjust if necessary */
}

2. Create a JS script to show banner
in this case you can use the behavior settings in the Webcon BPS Designer
--> Navigate to the application (where you want the banner)
Go to Behavior settings
Add a new JS Scrpt rule to insert the banner