Versions Compared

Old Version 10

changes.mady.by.user Hristo Grozdanov

Saved on

compared with

New Version Current

changes.mady.by.user Daniel Beckstein

Saved on

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

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

  1. Include a title

  2. Include the announcement text

  3. Select Show

  4. 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 , 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

  1. Configure a platform Announcement like as described above

  2. Add this snippet to the Organization → Custom Script Extra script:

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

To disable a maintenance mode

  1. Remove the snipped again from the Custom Script Extra script.

  2. 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
languagejs
<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>