I have a simple grid. Two columns with a variable amount of rows. I want to make it so i have a header row with an arrow that can collapse and show the whole grid. So when I bring up the app, only the header row is visible with an arrow, and I can click to expand/collapse to show the rest of the grid.
A TreeGrid seems like overkill since I don’t need any hierarchical structure, just the ability to collapse/expand one row. I exclusively use IE and I’ve read that Drawyer doesnt work with IE 8 and above. I return a list of the objects and the object just has two string variables.
Any help with this? I am new to Vaadin 8.
Set grid height (workaround)
As a workaround, you could set the height to be approximately the number of pixels you expect to be the height of the header.
See the Sampler demo. Click the gear icon at top to expose properties of the example Grid object. The last property shown is "Size (W x H)". Change 100% to 100px to see the effect.
Grid height set to 100%
Grid height set to 100px
You can also hide the footer (see checkbox in that property list).
I don't think this can be done with plain Vaadin. But I recommend the following simpler approach:
Initially call grid.setHeightByRows(1.5) (javadoc). This will show exactly one row and a half to indicate more data is available. A scrollbar will appear, too.
Make a new column within the grid that has a button or add a button below the grid that - when clicked - calls setHeightByRows with the number of elements in the grid and hides the button. This will show all rows.
Related
In android, the gridview provides an excellent way to arrange items neatly. However, the cell size for a grid is fixed. That is, in a 3 column by 4 rows grid, if the very first item is 10 dp in height and the second and third items are 20 dp in height, then all the cells in first row will be of 20 dp height.
I want to find a way where in, the view will automatically adjust the cell size for the first cell, so that items below the first item of 10dp height are displayed immediately below it, instead of leaving that extra 10dp gap.
This is the sort of behaviour we can see in Windows live tiles. The items below small tiles move up to fill the gap. I want to implement a similar functionality.
Is there a way to do that?
So turns out, there was already a way to do this. I just didn't know the right term for it.
Android provides a StaggeredGridLayout Layout Manager that does just what I need.
You can take a look at this page
Also, visit this page to see it in action.
I have a problem with configurate position of buttons on my scenes layer. I'm trying to build menu, and fill it with buttons, but they are seems to ignore commands like setPosition() etc.
Code looks like that:
Table layerMenuControls = buildMenuControlsLayer();
stage.clear();
Stack stack = new Stack();
stage.addActor(stack);
stack.setSize(GameEngine.VIEWPORT_GUI_WIDTH, GameEngine.VIEWPORT_GUI_HEIGHT);
stack.add(layerBackground);
stack.add(layerMenuControls);
private Table buildMenuControlsLayer() {
Table layer = new Table();
singleplayerButton = new Button(swsSkin, "singlePlayerButton");
singleplayerButton.setPosition((GameEngine.VIEWPORT_GUI_WIDTH / 2) - 64, 64);
layer.add(singleplayerButton);
And there is nothing happening there. Buttons are ignoring these commands and position itselfs one by one horizontally.
Is there something i could forget about?
Tables in LibGDX set the position of their children relatively. So using setPosition won't work. Instead you can make use of Align
Firstly you should set the dimensions and position of the table so it knows where to align things. I assume you want the table to take up the full screen, if not you can change width and height accordingly. The following will do that
layer.setSize(GameEngine.VIEWPORT_GUI_WIDTH, GameEngine.VIEWPORT_GUI_HEIGHT);
layer.setPosition(0,0);
Then you can position buttons etc. relative to this table.
In order to set the button in the centre of the table you can use
layer.align(Align.center);
To position in the top center you can use
layer.align(Align.center|Align.top);
To stop all of your buttons adding in one line, you need to add multiple rows to the table. In between layer.add(singlePlayerButton); and whatever other buttons you are adding, you simply call layer.row();. This positions whatever you add to the table after this on a new row directly below it. In order to make things look a bit nicer you can use padding.
Hope this helps
From the wiki on libgdx's Table:
Table is a WidgetGroup that sets the position and size of its children using a logical table...
So basically, once you added singleplayerButton to layer, its position is set by its position in the Table. setPosition will be ignored in this case. If you want to set the position of the button manually, Table is not your best option. The whole point of Table is to relieve the user from needing to define the children's position and size.
Can I get a Nebula Grid to show an item and centre it in the available space?
I'm using the showItem() function in the grid, and it just seems to scroll the table by the shortest possible amount to show the row.
I tried adding a few rows on to lessen the annoyance of it sitting right at the top but of course you can't predict whether it will be at the top or the bottom after the call to showItem so this doesn't work.
Glen x
The showItem(Item) API is from AbstractTreeViewer in JFace, and is not Nebula-specific.
There is no API for what you need. You could work around it by adding extra items, showing a "further" item (to simulate the centering), then show your initial item again.
Sorry. :-(
Before Scroll
After Scroll
I am working on creating an Eclipse plugin for tracking of collections (Arrays, Array List, etc.). And I was in need of an SWT Table with expandable columns. In order to implement this, I created several SWT buttons, and generated them before I created the table, and I linked them to the columns that need to be expanded. What I'm having a problem with now is that I need a way to determine how much a user scrolled the scroll bar in order to determine what the new location of the buttons should be. For instance, if the user scrolls 10 pixels to the left, I need to move the buttons 10 pixels to the left, etc.
Is there an easy way to accomplish this within the SWT ScrollBar framework?
Actually, I was able to solve the problem by using Scrollbars "getSelection" method. Turns out, the value that this method represents is the offset from 0 of the scrollbar. In order to solve the problem, I just subtracted the getSelection value from the X position of the buttons
I'm making an application that has many lines of data coming back from a Database stub(which will become an Oracle database), and for some reason the scroll bar stops at about the 500th element. I'm wondering if there's anyway to have all the elements show within the scroll bar.
I'm assuming here that you're using Windows, because there is a fairly general problem with scrollbars on Windows: the maximum value is a short int, 32,768. Therefore, if the height of the inner composite of a ScrolledComposite is greater than 32,768 pixels, the composite will be clipped.
I haven't found a robust way of fixing this, but there is a workaround: separate the scrollbar from the composite that you wish to scroll. You can't create a ScrollBar, but you can make a ScrolledComposite that is precisely as wide as a ScrollBar, then attach a ScrollListener to it and have it adjust the layout position of the scrolling composite.
Somewhere I have a snippet, but I'm not even exactly sure if this diagnosis applies to your scenario.
You might need to set the minimum and maximum values of the ScrollBar. You would use the setMinimum() and setMaximum() methods, respectively.
It's also a good idea to set the page increment. This is the number of scroll lines that the selected value changes by when the user clicks the area between the thumb and the arrow buttons, or presses the Page Up or Page Down buttons. You would use the setPageIncrement() method.
Finally, Oracle may impose a maximum number of rows you can retrieve from a table. I believe the default is 500 rows.