The Vaadin TreeTable example at http://demo.vaadin.com/valo-theme/#!tables (select hierarchical) flickers if nodes are collapsed or expanded. To see it scroll the table a little bit and then expand an item. The items are jumping up and down. If you have more items expanded the jumping is enlarged.
Has anybody an idee what to do to avoid this behaviour? If tried to select node if expanded or to focus tree but this did not help.
Related
Following this example - http://demos.kendoui.com/web/grid/detailtemplate.html, I have a grid and a tab strip inside the grid. One of the tabs has a grid within. This table is rather long, so I had to add a scrollbar. The grid overflows - though the scrollbar works, the data spills on to the next row, making the whole thing look ugly.
Is there any way to make the inner grid (the one within the tabstrip) not overflow?
I have seen this. Your parent has to grow to accommodate the last row. You can try placing the grid in a parent element and add a padding to the grid parent while setting the overflow to auto.
I am experiencing weird visual artefacts during rapid expansion and collapsing of a view based NSOutlineView's groups. If a group is expanded, and I double click (collapse followed quickly by expansion) the expand arrow, the content is clipped.
My cells contain a simple image and a label to the image's right, and on rapid expansion, the textfield is clipped in some cases, and squashed in other cases, as though the cell when being collapsed gets a zero width frame and doesn't re-expand.
I have altered the auto-resizing masks for the cellView, the outlineRowView, the column, but no combination appears to change the behaviour.
Has anyone come across similar strange behaviour?
Have you tried calling setNeedsDisplay:YES on the views after they have been unfolded?
This will tell the view to redraw itself.
I have set up my table view to work kinda like the Twitter app meaning when you hover over each row icons will appear on the right side and when leaving the row they will disappear. I coded it based upon this:
mouseExited isn't called when mouse leaves trackingArea while scrolling
The very strange thing is I have a checkbox on each row (along with other text fields, etc.) and when clicking the checkbox it causes the icons for that row to jump to the next row. Clicking the checkbox again will cause them to jump to the next row. This repeats until the icons jump to the last visible row then they will jump to the first visible row and keep repeating this behavior. And it happens only sometimes. :-/ I tried to figure this out but nothing is even being called when this happens meaning no call to tracking areas or mouse entered/exited nothing. Does this make any sense at all and maybe considering I'm trying to recreate how Twitter does it did I code it wrong?
Thanks,
rc
I think this is pretty known control but I couldn't find an WPF example/blog on the web. What I need is collection of Expander WPF controls stacked on top of each other just like in StackPanel. Difference though is that Expanders should be collapsed by default and once one of them is expanded it should take all the remaining space. If expanded Expander is in the middle of the stack it should push items below it all the way down to the bottom edge of the parent element. Every expande/collapse action should be animated.
StackPanel as the parent panel for Expanders here is out of the question because it can't give "all remaining space" to its child(ren). DockPanel does this partially but it can do that only for the "last child" and I need to be able to do it for any child.
So what would be the best approach to implement this?
To answer my question, I just found out that controls like this is called Accordion. There are couple of implementations online but I think the most complete is that in WPF Toolkit http://wpf.codeplex.com/
I have a panel containing a form (elements such as labels and textboxes within a table) and 3 buttons (in an hbuttonbox) at the bottom-right. If I shorten the panel by dragging the bottom border upwards, the 3 buttons come with it, and lay on top of the other form components, causing messy graphics. I would like the panel to not resize smaller than the bottom edge of the last component within it. Due to employer restrictions, I am not able to show a screenshot of the GUI. I will try to make any clarifications that are asked.
This probably has something to do with some resizing or general size settings on the components, but there are so many options that I'm not sure where to start.
Any ideas for an easy fix to this without getting down into the complicated nest of components? If not, any ideas on where I should start messing with settings?
Thanks!
UPDATE:
Everything is contained in a VBox with 3 cells. Elements in cells (top to bottom): Table, ScrolledWindow, HButtonBox. The ScrolledWindow bottom edge also moves (resizes) with the bottom edge of the panel when resizing, until the panel bottom goes above the whole ScrolledWindow. Then the buttons keep moving up, staying in relation to the panel's bottom edge.
By "form" do you mean you are using a Gtk.Fixed to contain your table and buttonbox? Then that's probably what's going wrong - you should use vboxes and hboxes for your layout. These will resize properly. Fixed layouts are only for exceptional cases.
EDIT:
Other suggestions:
Perhaps the HButtonBox has pack type 'end' instead of 'start'?
You could try playing with the 'fill' and 'expand' packing properties of the VBox's children.
I ended up adding a Height Request to the container, just slightly longer than the part of the scrolled window. This now stops resizing to where the bottom buttons would overlap the components above it. The problem (before the fix) is shown below: