New Full-Width UI Banner
In MarkLogic 11, a configurable label that appears in the header that is common across all the built-in applications was added. In 11.1.0, support for an addition full-width "banner" was added. The full-width banner is configurable via the "topBannerLabel" and "topBannerStyle" properties that can be set via the admin.uiSetBanner()
built-in function.
The "topBannerStyle" is an HTML style that can contain CSS properties that control the style of the full-width banner. For example, the following can be run in Query Console to configure a full-width banner as well as the header banner:
'use strict'; const admin = require("/MarkLogic/admin.xqy"); let uiSetting = { "active": true, "label": "Welcome to the STAGING cluster", "headerColor": "#33CC99", "headerTextColor": "#000000", "message": null, "topBannerLabel": "My Application", "topBannerStyle": "background-color:#b587de;color:#000000;font-family:arial;font-size:16px;font-weight:bold;text-align:center;" } admin.uiSetBanner(uiSetting)
This sets the top banner and header banner so that they appear as shown in the following image:
Known Issues
Under some conditions, when the top banner is visible, the menu header will overlap with the tabs in Query Console, making the tabs inaccessible. A slight resizing of the browser window or the Query Console buffer fixes the issue. This issue is currently under investigation, and a fix will be made available as soon as one can be identified and scheduled for release.