Versions Compared

Version Old Version 12 New Version Current
Changes made by

Dominik Lindenberger

Dominik Lindenberger

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 it might be needed to block all platform usage entirely so that users can not use the platform.

...

To enable maintenance mode

  1. Configure a platform Announcement as described above

  2. Add this snippet to the Organization → Extra

...

  1. style:

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

To disable maintenance mode

  1. Remove the snipped again from the Extra

...

  1. Style.

  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

...

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>

Info

With version 24.12 the usage of extra scripts in our platform changed slightly. For more information see the release notes https://3yourmind.atlassian.net/wiki/spaces/PD/pages/2245394433/24.12+LTS#Extra-Scripts .