Page 1 of 1

Vertically-Align Button Component

Posted: Mon Jun 30, 2014 5:49 pm
by Mike6580064

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?


Vertically-Align Button Component

Posted: Mon Jun 30, 2014 6:30 pm
by Serhii Kulibaba

Hello Mike,

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


Vertically-Align Button Component

Posted: Mon Jun 30, 2014 6:47 pm
by Mike6580064

Sergiy,

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

Thanks


Vertically-Align Button Component

Posted: Mon Jun 30, 2014 7:22 pm
by Serhii Kulibaba

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.


Vertically-Align Button Component

Posted: Thu Jul 03, 2014 12:05 pm
by Mike6580064

Thank you