binuraman
24 Aug 2007, 5:30 AM
Hi Jack,
I'm a new (licensed) user of Ext Js and doesn't have much experience with the Framework (but believe that Ext Js can accomplish my requirements).
I wanted to use 2 different layouts inside one single dialog, displaying only one layout at a time. Both layouts should have its own width and height and when any one layout is displayed, the dialog should resize to fit that layout (if animation effect was possible for dialog resizing, it would have been great. I tried but was not able to use animation for dialog resizing). When the first layout is displayed, and the user clicks a button, the second layout should be displayed, hiding the first layout but retaining the contents of the first layout whenever the first layout is displayed back (so the first layout cannot be closed).
For that what I thought was to use a LayoutDialog and creating 2 ContentPanels for the "center" region. I wanted to display only one content panel at a time and when a button is clicked, it should hide the first ContentPanel and show up the second ContentPanel. Here the issue is that when 2 content panels are used in the same region, the tab gets displayed, which I don't want. I want to treat them as 2 separate content areas (without the tab buttons). I tried specifying "autoTabs" as 'false', but no use.
Using separate BorderLayout objects for each layout won't be a good option because later there can be more layouts to be used under the same dialog, and using BorderLayout would be an overhead on the client side.
Please help me know how can I hide the tab buttons without hiding the ContentPanels (if not possible, it would be great if you can suggest me any other alternative to achieve my goal mentioned above) .
Also if possible, please let me know how to animate dialog resizing.
I'm a new (licensed) user of Ext Js and doesn't have much experience with the Framework (but believe that Ext Js can accomplish my requirements).
I wanted to use 2 different layouts inside one single dialog, displaying only one layout at a time. Both layouts should have its own width and height and when any one layout is displayed, the dialog should resize to fit that layout (if animation effect was possible for dialog resizing, it would have been great. I tried but was not able to use animation for dialog resizing). When the first layout is displayed, and the user clicks a button, the second layout should be displayed, hiding the first layout but retaining the contents of the first layout whenever the first layout is displayed back (so the first layout cannot be closed).
For that what I thought was to use a LayoutDialog and creating 2 ContentPanels for the "center" region. I wanted to display only one content panel at a time and when a button is clicked, it should hide the first ContentPanel and show up the second ContentPanel. Here the issue is that when 2 content panels are used in the same region, the tab gets displayed, which I don't want. I want to treat them as 2 separate content areas (without the tab buttons). I tried specifying "autoTabs" as 'false', but no use.
Using separate BorderLayout objects for each layout won't be a good option because later there can be more layouts to be used under the same dialog, and using BorderLayout would be an overhead on the client side.
Please help me know how can I hide the tab buttons without hiding the ContentPanels (if not possible, it would be great if you can suggest me any other alternative to achieve my goal mentioned above) .
Also if possible, please let me know how to animate dialog resizing.