...
| Code Block | ||||||||
|---|---|---|---|---|---|---|---|---|
| ||||||||
const taskbarObject = akioma.swat.MasterLayout.getBaseLayoutObject().getFirstChildByType( "grouptaskbar" ) as akioma.swat.Taskbar;
const activeGroupId : string = taskbarObject.getActiveGroupId();
const activeGroup = taskbarObject.getGroupById( activeGroupId );
taskbarObject.addExternalItem( {
// must be item id so the taskbar is recognized as external and displayed red
id : activeGroup.item_active,
title : response.MessageDetail
}); |
Styling for GroupTaskbar
The following SASS variables are available for customizing the appearance of the GroupTaskbar:
| Code Block | ||||||||
|---|---|---|---|---|---|---|---|---|
| ||||||||
$taskbar_item_bgColor: #e4e4e4 !default;
$taskbar_item_active_bgColor: #394c61 !default;
$taskbar_item_external_screen_bgColor: #7a1d17 !default;
$taskbar_item_external_screen_color: #fff !default;
$taskbar_item_color: #000 !default;
$taskbar_item_active_color: #fff !default;
$taskbar_item_padding: 11px 40px 11px 10px !default;
$taskbar_item_max_width: 250px !default;
$taskbar_group_bgColor: #e4e4e4 !default;
$taskbar_group_active_bgColor: #394c61 !default;
$taskbar_group_color: #000 !default;
$taskbar_group_active_color: #fff !default;
$taskbar_group_width: 250px !default;
$taskbar_group_max_width: 250px !default;
$taskbar_group_border_bottom: solid 1px white !default;
$taskbar_group_content_min_width: 220px !default;
$taskbar_group_content_max_width: 220px !default;
$taskbar_group_content_padding: 10px 40px 10px 7px !default;
$taskbar_bgColor: #fff !default;
$taskbar_font_family: roboto, arial, helvetica !default;
$taskbar_close_icon_fill: #fff !default; |
Taskbar (DataView template)
...