[CLOSED] How to add taskbar on top of my desktop?

  1. #1

    [CLOSED] How to add taskbar on top of my desktop?

    Hi,

    I have a Ext.Net Desktop which has accordion menu on left and start bar at the bottom.I want to add a new taskbar on at the top of desktop which will have logged user name,icon ... Is it possible or not.Which component do you suggest me?

    My window screenshoot is attached

    Click image for larger version. 

Name:	2015-12-03_1416.png 
Views:	44 
Size:	21.1 KB 
ID:	24344
    Attached Thumbnails Click image for larger version. 

Name:	2015-12-03_1416.png 
Views:	33 
Size:	21.0 KB 
ID:	24343  
    Last edited by Daniil; Dec 11, 2015 at 11:54 AM. Reason: [CLOSED]
  2. #2
    Hi @metci,

    There is a Toolbar added to a Desktop's Content.
    https://examples2.ext.net/#/Desktop/...ction/Overview

    It is aligned to the bottom, please see its MessageBusListener. I think it is possible to align as you need.
  3. #3
    Hi @Daniil,

    Is toolbar you said start bar which contains clock etc on https://examples2.ext.net/#/Desktop/...tion/Overview?

    Click image for larger version. 

Name:	bar.png 
Views:	33 
Size:	4.7 KB 
ID:	24365

    I dont understand MessageBusListener you said.Please explain what it is.

    Thnaks.
  4. #4
    Hello, you would want a toolbar more or less like this (some trimming will be needed to fill the desktop up to the accordion you shown on your screenshot).

    <ext:Toolbar runat="server" Floating="true">
        <Items>
            <ext:ToolbarFill runat="server" />
            <ext:Container runat="server" Layout="TableLayout">
                <Items>
                    <ext:Label runat="server" Text="User: " Padding="4" />
                    <ext:Label runat="server" Text="Johnny Deere" />
                    <ext:ToolbarFill runat="server" Width="20" />
                    <ext:Image runat="server" ImageUrl="resources/user48x48.png" Width="48" Height="48" />
                </Items>
            </ext:Container>
            <ext:ToolbarFill runat="server" Width="10" />
            <ext:ToolbarSeparator runat="server" Height="23" />
            <ext:ToolbarFill runat="server" Width="10" />
            <ext:Button runat="server" Text="Profile" Icon="CogEdit" />
            <ext:Button runat="server" Text="Logout" Icon="DoorOut" />
        </Items>
        <MessageBusListeners>
            <ext:MessageBusListener Name="App.Desktop.ready" Handler="this.el.anchorTo(Ext.net.Desktop.desktop.body, 'tr-tr', [0, 0]);" />
        </MessageBusListeners>
    </ext:Toolbar>
    You will see in the source code a toolbar very similar to this one in the desktop example linked on previous posts. It is inside the <content> tag of the <DesktopConfig> tag, around line 200 of Desktop.aspx.

    as for the MessageBusListener, it is triggered every time the Ready event happens on the Desktop. Scroll down on the source of Desktop.aspx, right before it closes the Desktop tag, you can see:
    <Listeners>
        <Ready BroadcastOnBus="App.Desktop.ready" />
    </Listeners>
    This Listener is broadcasting the "App.Desktop.ready" message on the "bus" every time the desktop loads or reloads. So anything expecting this message with:
    <MessageBusListeners>
        <ext:MessageBusListener Name="App.Desktop.ready" />
    </MessageBusListeners>
    Will run its respective Handler or Function once the desktop is loaded. This guarantees the desktop has already adjusted to the size of the window before calling this.el.anchorTo(Ext.net.Desktop.desktop.body, 'c-b', [0, -50]); to anchor the toolbar to the specified (c-b or center-bottom) position on the screen.

    I hope this clarifies your questions and also gives you a good insight on how to build your desired view.
    Fabrício Murta
    Developer & Support Expert

Similar Threads

  1. Replies: 2
    Last Post: Jun 28, 2011, 6:35 AM
  2. Text on taskbar (Desktop)
    By Yannis in forum 1.x Help
    Replies: 11
    Last Post: Jan 21, 2011, 2:02 PM
  3. [CLOSED] Desktop taskbar text
    By CarWise in forum 1.x Legacy Premium Help
    Replies: 2
    Last Post: Dec 24, 2010, 11:22 AM
  4. [CLOSED] Desktop: Hide taskbar
    By CSG in forum 1.x Legacy Premium Help
    Replies: 4
    Last Post: Mar 02, 2009, 8:10 AM
  5. [CLOSED] EXT:DESKTOP - TaskBar Theme/Color
    By Emre in forum 1.x Legacy Premium Help
    Replies: 4
    Last Post: Dec 25, 2008, 12:45 PM

Tags for this Thread

Posting Permissions