Vertical center alignment of data grid row

[AppleBite]

I'm new to Livecode and can't find a solution for my problem:

I have 2 columns in a datagrid. First column is a normal text column, second is filled with an image and a fixed height.

Now the text of the first column is always at the top of the row. Doesn't look really nice.

How could i align the text of the first column in the vertical center of its row?

Thanks for help

[Klaus]

Hi AppleBite,

1. welcome to the forum!
2. Is this a datagrid of type FORM or TABLE?


Best

Klaus

[AppleBite]

Hi Klaus,

the style is "table".

regards from

Applebite

[Klaus]

Ah, OK, hmmm, that is not easy, I don't have any idea right now...

[newtronsols]

Isn't that select "table" group, Property inspector, columns, align center for a selected column?

[Klaus]

Isn't that select "table" group, Property inspector, columns, align center for a selected column?

That's all HORIZONTAL alignment and we don't want that, see thread title!

[Monox18]

I came across to the same problem today to vertically center the rows. Basically you have to change the dgProps["default column behavior"] to a custom row behavior and change the field's topMargin to make it work. It's rather simple. Try the attached stack which contains a normal DG and a DG with centered rows.

Also posted on Bug #16542

DG Text Height.rar

(8.1 KiB) Downloaded 111 times

[stam]

Now the text of the first column is always at the top of the row. Doesn't look really nice.
How could i align the text of the first column in the vertical center of its row?

You have edit the margins of the text in that cell, but it's not that straightforward.

You have to edit the template for the column: In the properties panel, in the 'Columns' Tab, select the column you want to edit and click the small button bottom right ('add custom column behaviour') if you haven't already.

This will bring up the column template (you can have templates for each column if you want, but not needed). You can return to this at any time from the 'data grid' tab and clicking the 'row template' button.

Then you need to edit group to get to the individual column and then edit group again.
Then you can edit the text field corresponding to the column directly. You'll want to change the margins - usually set to 8 or something like that. if a single digit, that means left/top/right/bottom margins are all that digit (eg 8,8,8,8) Just increase the 2nd item (top) and that should push your text down - eg set margins to 8,12,8,8

Hope that makes sense

Stam