Page 4 of 4

how to vertically align an element?

Posted: Fri Jan 17, 2014 2:06 pm
by Jay6395558

Igor,

Thanks for your help. What you gave me worked to vertically align each cell in the entire grid but I need the cells in the grid to align differently. Some cells will align middle while others will align top. However, the cells don't have a place to add a class name. I've tried more properties but that doesn't seem to work either. Is there no way to write a CSS once and have it apply to a cell and not the entire grid? Any suggestions?

Image


how to vertically align an element?

Posted: Fri Jan 17, 2014 4:19 pm
by Kateryna Grynko

Hi Jay,

You can add a style for a specific grid cell and align top:pre[name=mobilegridcell] {
vertical-align: top !important;
}/preWhere 'mobilegridcell' is a cell name.


how to vertically align an element?

Posted: Mon Jan 20, 2014 10:13 pm
by Jay6395558

Please tell me where and how this needs to function. Your new update keeps giving me a warning and red circle with an x in it. Does this need to be a javascript when the page loads or a CSS?


how to vertically align an element?

Posted: Mon Jan 20, 2014 10:34 pm
by Illya Stepanov

Hi Jay - should be a CSS rule.


how to vertically align an element?

Posted: Tue Jan 21, 2014 1:58 pm
by Jay6395558

Here's what I get when I write this CSS.

Image


how to vertically align an element?

Posted: Tue Jan 21, 2014 11:09 pm
by Alena Prykhodko

Hi Jay,

Let's try on page Load event Run JS:
pre$("[name=mobilegridcell]").css('vertical-align','top !important');/pre


how to vertically align an element?

Posted: Wed Jan 22, 2014 1:59 pm
by Jay6395558

Your previous suggestion worked but I was getting those cautions. Not sure why but the CSS seemed to work so I guess we're okay. Thanks.


how to vertically align an element?

Posted: Wed Jan 22, 2014 2:47 pm
by Kateryna Grynko

Jay,

Thank you for the update.