Results 1 to 2 of 2

Thread: column layout, move panels without overlap

  1. #1
    Sencha User
    Join Date
    Jan 2013
    Posts
    18
    Answers
    1
    Vote Rating
    0
      0  

    Default column layout, move panels without overlap

    Im trying to achieve something like this (http://docs.sencha.com/ext-js/4-1/#!...al/portal.html) but I want the portlets to be resizeable.

    So I have a Ext.TabPanel with a Ext.layout.ColumnLayout layout.
    All items are panel (Ext.form.Panel) with:
    Code:
    resizable : true,
    draggable:true,
    Specifically, given a initial situation like the following



    I would like to be able to drag the highlighted portlet to a new position and have the other portlets to make room for it. Unfortunately, what I get right now is



    i.e. two portlets overlap. I would like to get this instead (no overlapping):



    So the question is: is there a way to achive this without requiring the columns to have a fixed size?

    Thank you.

  2. #2
    Sencha - Support Team scottmartin's Avatar
    Join Date
    Jul 2010
    Location
    Houston, Tx
    Posts
    9,390
    Answers
    716
    Vote Rating
    498
      0  

    Default

    Have you considered making the panels in the portal re-sizable?

    Scott.

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
  •