Results 1 to 3 of 3

Thread: Implementing Basecamp project management UI (stacked windows)

  1. #1
    Sencha User
    Join Date
    Nov 2013
    Location
    Bangalore, India
    Posts
    98
    Answers
    15

    Default Implementing Basecamp project management UI (stacked windows)

    Hi All,

    I am trying to implement something similar to BaseCamp project management UI in ExtJs The link
    http://vimeo.com/36917486 describes it. See the image attached for detail
    How to achieve it.
    My approach to implement stacked window is:
    1) Add a base panel to viewport
    Code:
                
                width:'100%',
                 height:'auto',
                 id:'basePanel',  
                 layout:'fit',
                 autoScroll:true,
                 style: {
                        overflow: 'auto'
                 },

    2) Add panels with floating property set true to this as per requirement, contents are added later to these. this is one of the window, that i am adding
    Code:
                 
                            xtype:'container',
                             id:'floater',                           
                             height:'100%',
                             floating:true,
                             closable:true,
                             width:'90%',
    
    
                             style: {
                              /*  overflow: 'auto',*/
                               'z-index':1,
                              },  
                                      items:[],//array of items that cause overflow


    Everything is working fine except,
    a) when the contents to be shown are larger than the available height, then every window is getting scroll bars, i want only the outermost panel to have scrollbar, and no matter how many stacked windows are getting added to it, and the contents, by scrolling the outer most panel, we can see all the content.

    b)I am also having trouble in positioning the windows, one over other as shown in the figure. I am manuaally setting the position of windows.

    Is there any other approach of achieving the same?
    Attached Images Attached Images

  2. #2
    Sencha User
    Join Date
    Feb 2013
    Location
    California
    Posts
    11,985
    Answers
    506

    Default

    That video is about 2 years old. In which version of ExtJS are you running this? It might also be helpful to post the version it was written to work with.

  3. #3
    Sencha User
    Join Date
    Nov 2013
    Location
    Bangalore, India
    Posts
    98
    Answers
    15

    Default

    The type of looks and feel provided in that video was implemented in ruby in rails. I want to achieve something similar in ExtJs 4.1.1 for a client requirement. Need some idea regarding that

Tags for this Thread

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •