Forum | Appery.io

I have a button within a grid cell and have applied the following CSS style on the button:

.button {
vertical-align: middle !important;
}

But the button is not vertically-aligned within the grid cell. What else do I need to do to vertically-align the button to the middle of the grid cell?

Hello Mike,

Please look topic below:
https://getsatisfaction.com/apperyio/...

Sergiy,

There are a million comments in this thread. Which is the solution that I'm looking for?

Thanks

Add custom CSS:

pre
[name=parentComponentName]{
display:table;
}

[name=componentName]{
display:table-cell;
vertical-align:middle;
}
/pre

it should work for any component where
parentComponentName and componentName - names of parent component and that component accordingly.

Thank you