Expanding elements in a UIGrid

[DZP]

Hey there,

I am working on making a UIGrid with expanding elements for a shop interface. Simply you click on one of the elements in a vertical shop and the image expands down and reveals more information.

I have an extended UIGrid that can have cells with different heights but I'm having problems with the bounds of the UIGrid. I can see the bounds dictated by the orange box in the editor. When I change the sprite height of an element in the grid the bounds goes all silly. I have demonstrated this by the 2 screenshots.

I looked in UIGrid.cs and could not see how the boundaries are being set. Could you please point me in the right direction or would I be better off writing my own Grid class to manage a collection of elements with dynamic sizes?

Thanks in advance. Forgive the lovely placeholder images....

EDIT: I am using the latest version of NGUI with Unity 4.2

[ArenMook]

Have you looked at UITable? Because that's exactly what it does -- lets you resize content elements while still keeping them positioned.

Look at the quest log example.

[DZP]

Have you looked at UITable? Because that's exactly what it does -- lets you resize content elements while still keeping them positioned.

Look at the quest log example.

Thanks, that's saved me some time! Why does UIGrid not have the same functionality out of curiosity?

[ArenMook]

Because UITable is a lot slower than a UIGrid.