Configuring Platform Announcements

Platform Announcements enable services to have a pop-up message visible to the end-user.

In the Admin Panel, you can configure the title and content of an announcement that gets shown to the customers on a 24-hour basis from now until you decide to take it down again.

Configure a platform announcement:

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 it might be needed to block all platform usage entirely so that 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 maintenance mode

Configure a platform Announcement as described above
Add this snippet to the Organization → Extra script:

<style>
/* Maintenance Mode Script */
  .kt-button {
    display:none;
  }
  body{
    pointer-events: none;
  }
</style>

To disable maintenance mode

Remove the snipped again from the 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.

Header displayed via a custom script

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.

<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>