Platform Announcements
Platform Announcements enable services to have a pop-up message visible to the end-user.
...
Block platform usage entirely (“Maintenance Mode“)
Sometimes is it might be needed to block all platform usage entirely , so that the users can not use the platform.
While this is not supported with the Platform Announcements feature, there is a workaround available to prevent users from using the platform when they see the Platform Announcement.
To enable a maintenance mode
Configure a platform Announcement like as described above
Add this snippet to the Organization → Custom Script Extra script:
| Code Block | ||
|---|---|---|
| ||
<style>
/* Maintenance Mode Script */
.kt-button {
display:none;
}
body{
pointer-events: none;
}
</style> |
To disable a maintenance mode
Remove the snipped again from the Custom Script Extra script.
Disable the platform announcement
Displaying a constant Header or Footer
While there is no dedicated functionality to display a constant header or footer on all pages of the application, there is the possibility to show a header or footer with the help of a custom JavaScript.
...
The custom script needs to be inserted into the admin panel at
Home › B3_Organization › Organizations › <YOUR ORGANIZATION> › Extra script
...
Here is an example script that can be adjusted to fit your needs.
| Code Block | ||
|---|---|---|
| ||
<script>
let title = "Banner title"
let msg = "This is the banner text"
let make = (...args) => document.createElement(...args);
let makeText = (...args) => document.createTextNode(...args);
function announce() {
var div = make('div');
div.id = 'announcement';
div.style = `
margin:0;
left:0;
top: 0rem;
position: fixed;
background: green;
color:white;
z-index: 10000;
border: 0px solid gray;
width: 100vw;
height: 30px;
line-height: 30px;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Helvetica Neue", sans-serif;
font-size: 0.7rem;
font-size: 15px;
text-rendering: optimizeLegibility;
text-align:center;
`
let span = make("span")
span.style = `
padding-left: 18px;
float: left;
`
span.appendChild(makeText(title));
div.appendChild(span);
div.appendChild(makeText(msg));
document.body.appendChild(div);
var style = make('style');
style.innerHTML = `
#app {
padding-top: 30px;
height: calc( 100% - 30px );
}
.kt-navbar-wrapper {
height: calc( 100% - 30px );
}
`;
var script = document.querySelector('script');
script.parentNode.insertBefore(style, script);
};
announce();
</script> |