| Info |
|---|
Page under construction |
Configuring Platform Announcements
Platform Announcements enable services to have a pop-up message visible to the end-user.
...
Go to Site Admin → Organization → Announcement → Add another announcement
Include a title
Include the announcement text
Select Show
Save
If you want to remove the announcement at a later stage, you need to deselect the “show” option
Block platform usage entirely (“Maintenance Mode“)
Sometimes is it might be needed to block all platform usage entirely (“Maintenance Mode“). so that users can not use the platform.
While this is not supported with the Platform Announcements feature, there is a Workaround 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 snipped 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 on all pages once a user has logged in.
...
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 ) !important;
}
`;
var script = document.querySelector('script');
script.parentNode.insertBefore(style, script);
};
announce();
</script> |