1. 1
2. 2
3. 3
4. 4
5. 5
6. 6
7. 7
8. 8
9. 9
10. 10
11. 11
12. 12
13. 13
14. 14
15. 15
16. 16
17. 17
18. 18
19. 19
20. 20
21. 21
22. 22
23. 23
24. 24
25. 25
26. 26
27. 27
28. 28
29. 29
30. 30
31. 31
32. 32
33. 33
34. 34
35. 35
36. 36
37. 37
38. 38
39. 39
40. 40
41. 41

/*.slimNotificationBar {
 left : 60px;
 right: 100px;
}*/
var sText = "Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.";

function displayListener(oEvent) {
    var bShow = oEvent.getParameter("show");

    if (bShow) {
        /*
         * Now the application can decide how to display the bar. It can be maximized, default, minimized (please see NotificationBarStatus) 
         */
        var sStatus = sap.ui.ux3.NotificationBarStatus.Default;
        oNotiBar1.setVisibleStatus(sStatus);
    } else {
        var sStatus = sap.ui.ux3.NotificationBarStatus.None;
        oNotiBar1.setVisibleStatus(sStatus);
    }
};

var now = (new Date()).toUTCString();
var oMessage = new sap.ui.core.Message({
    text : sText,
    timestamp : now
});

var oNotifier = new sap.ui.ux3.Notifier({
    title : "The first Notifier"
});
oNotifier.addMessage(oMessage);

var oNotiBar1 = new sap.ui.ux3.NotificationBar({
    display : displayListener,
    visibleStatus : "None",
    resizeEnabled : false
});
oNotiBar1.addStyleClass("sapUiNotificationBarDemokit");
oNotiBar1.addStyleClass("slimNotificationBar");
oNotiBar1.addNotifier(oNotifier);
oNotiBar1.placeAt("sample1");