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?
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.
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.