Announcement

**Isomorphic** · 18 Aug 2022, 10:29

The main problem is that you are trying to get two things to "auto-size" to each other, without giving any size information to either one.

The CubeGrid has no "natural size" - all of its interior elements can scroll, so it can fit whatever size you want, and just scrolls to show data as necessary.

So you can either:

1. give a size to the CubeGrid, and then set the window to autoSize:true (get rid of your attempts to manipulate overflow directly)

OR

2. give a size to the Window, and tell the CubeGrid to fill that (width/height 100%)

Since this seems to be a pop-up Window, we would probably just give it width:85% height:85% with a maxHeight/maxHeight that ensure that doesn't become ridiculous on large screens, and the CubeGrid will fill that space and scroll as needed for larger datasets.

Note that you might want to perfectly fit the Window to the CubeGrid when the dataset happens to be small enough to fit the user's current screen. Auto-fitting to data is not an available mode of the CubeGrid because, in most cases, the CubeGrid deals with a datacube with billions of elements, so you'd simply run out of memory and/or bury your DB with a ridiculously large request (in load on demand mode).

If you really want to perfectly "shrink-wrap" the cube with the Window, and if you're sure the data is always small, you can calculate the width as just (number of row facets + number of distinct inner column headers) * 100.

If this is a common use case, you could make that a utility method or use Feature Sponsorship to get some auto-sizing behaviors added to CubeGrid, for tiny cubes.

**tece321** · 18 Aug 2022, 12:35

Thanks, makes sense.

I guess I will have to reconsider which way I should approach this. I may change it into a List Grid with multiple levels of head spanning (more than 2).

**Isomorphic** · 18 Aug 2022, 12:43

Up to you, but that drops some features you might want (pivot, etc) and it seems like you may already have implemented a working data delivery mechanism to the cube.

You are just a couple of easy settings away from fitting the cube in the window with scrolling as needed, and implementing a perfect shrinkwrap looks to be less code that reformatting your code for the ListGrid.

**tece321** · 23 Aug 2022, 06:39

Something occurred to me in the past couple of days.

Why does the example at https://smartclient.com/smartgwtee/showcase/#cube_basic , apparently not set a size, or min max size, of the parent canvas? I think that example led me to waste a couple of days in fruitless effort to auto size the cube grid. Is it misleading or am I missing how and where the canvas is sized? Is it the child cube grid sizing the parent VLayout? What am I missing?

Asking in case others run into the same misinterpretation of the example.

**Blama** · 23 Aug 2022, 07:01

Hi tece321,

the CubeGrid is set to 100%:

Code:

cubeGrid.setWidth100();
cubeGrid.setHeight100();

But it does not need the size, because there is not enough data. Try to resize the columns to a much bigger size and you'll see scrolling introduced.

Not sure if this helps?

Best regards
Blama

Announcement

Simple Cube Grid Auto Sizing within Window / Layout

Comment

Comment

Comment

Comment

Comment