The WebDesktopManager provides flexibility to the TaskBar by allowing developers
to add more sophisticated contents and functions to the TaskBar area. You can add
your own contents in the TaskBar element by using the provided TaskBarLeft and TaskBarRight
This topic will show you how to use custom template for left and right part of TaskBar.
To use custom template for left and right part of TaskBar
- Create a DesktopManager instance by dragging a WebDesktopManager
component from ToolBox to the Design Surface.
- Right-click on the WebDesktopManager control then choose EditTemplate
The below snapshot should be displayed to you. This is the Template View for
editing the Left and Right TaskBar in WebDesktopManager.
In this sample, simply put an image in the left side of the TaskBar and a time indicator
at the right side of the TaskBar.
will refresh the time indicator on the right TaskBar. The time indicator is
var rightPart = document.getElementById("dvRightTemplate");
var time = new Date();
rightPart.innerText = time.getHours() + ":" + time.getMinutes();