I have a page with p:layout tags ( left & center ) . In the left layout i have a list of elements which are draggable.In the center layout i have a panel which is droppable.The problem is that the draggable elements only drag( move) inside the left layout.I don't know how to drag the element into the center layout. Any ideas?
Thanks.
There are primefaces tags to support draggable and droppable as mentioned below
<p:draggable> and <p:droppable>
For example you can see the following prime faces example in the link click here to see the example
Related
Can't program quite not complicated structure so be so kind as to prompt me how can I solve this problem. I have tabPanel and on the first tab I want to place three panels but in specific order:
enter image description here
Panel 0 (layout vbox) consist of Panel 1, 2 and 3 each are constructed with form fields and one grid. This is working properly. But when I try to add Panel 4 I receive empty tab.
Regarding your image the Panel 0 should use layout 'hbox' in my understanding.
I didn't worked with ExtJS 4, so I don't know the layouting mechanism, but what I saw is that the elements in my fiddle disappear when I remove the flex property.
Possibly the following fiddle is what you want:
https://fiddle.sencha.com/#view/editor&fiddle/3cog
I'm new to Qt Designer, and I am working on a main window where I want to have two list widgets off to the right, laid out in a vertical splitter, and then a larger text browser widget to the left, which is then itself in a splitter with the list widgets. So the relative sizes of the list widgets can be resized vertically, and the horizontal space between the text browser and the other two widgets can also be resized.
I tried first laying out the two widgets on the right in a vertical splitter, and then selecting the layout, like so:
The problem is, now that the two list widgets are in the splitter layout, I can't then add that layout to any other larger layouts. All the options appear grayed out. If I just do a standard horizontal or vertical layout, it is possible to then make larger layouts out of smaller ones. So how is this to be done when using splitter layouts? Thanks!
Look's like you are selecting two ListWidgets instead splitter. To combine layouts you need to select one splitter which contains ListWidgets and then TextBrowser. In this case Lay Out Horizontaly in splitter will be available.
Here video demonstration (1.25 MB)
The container which contains the components inside a Form has a TOP and BOTTOM margin set to 1 and 10 respectively. The problem is that when scrolling through the navigation button ( the down key ) then when reaching the last component which is a Button then the remaining space below , the bottom margin, is not shown. Here are the image when scrolling to the last component :
What I want is like this image :
So how to show the bottom margin space when scrolling the last component ?
If you aren't using LWUIT 1.5 or SVN then we can't verify and help with issues like these since LWUIT changed quite allot since 1.4.
I'm having a single Parent Panel, which has 2 child panels. One has content dynamically created, while the other is fixed height and width. The Parent panel is using border layout, with center and east regions defined. I'm trying to get autoscroll to trigger on the parent panel when there is an overflow on on the center region panel. I've set the autoscroll option to true to the parent panel, but everytime there is an overflow on the center panel, it just gets cuts off. When I'm adding an overflow to center region panel, i get a scrollbar for that panel alone. I don't need that, but rather I want it on the entire Parent Panel. Let me know if anyone has any suggestions..
This issue is usually a result of over-nesting Panels, and/or one or more Panels in the layout not having a layout config specified. Some layout configuration code would help.
Here is my view from what I understood.. You have two panels that go into the center region of the border layout.. and you need a scroll bar for the center when one of the panels overflow.
Here is how I worked out a similar situation. In my center region, I have a panel with autoScroll set to true. I have two panels added to this panel. The first is fixed height (its a grid) and second is panel (displayed below the grid) is a large form panel. Due to the parent panel having a autoScroll property set, you will have a scroll bar for the entire panel and not the second panel alone!
I don't think you can use fit layout. In fit layout, the panel will take up the whole area of its container and you will not be able to add another panel (the second panel will be hidden I suppose!).
Note: I am using the default layout (Container Layout) I do not specify any layout in my parent panel.
I have a dojo TabContainer that has a BorderContainer child, with a left region and a center region ContentPanes.
-TabContainer
-BorderContainer
-ContentPane (left)
-dojox.layout.ContentPane (center)
I have it setup so that the left ContentPane is collapsible (by replacing it with a slimmer ContentPane) which works fine. However, the idea of this functionality is to make the center (dojox.layout.ContentPane) region wider but when the left pane is collapsed to the slim one, the center region stays the same width.
Now I know I can call refresh() on the center ContentPane but this also refreshes the content as the center ContentPane is retrieved via href - which I don't what as it loses changes to form data.
So how do I get the center ContentPane to refresh it's layout without manually figuring out the proper width and calling resize()?
Or could you use dojox.layout.ExpandoPane. It's a ContentPane that has a 'click to minimise' ability.
how are you replacing the left pane? Are you using addChild/removeChild methods? How about just changing the widthof the left pane rather than replacing it?