Jay6395558
Posts: 0
Joined: Thu Nov 07, 2013 8:17 pm

how to vertically align an element?

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

Kateryna Grynko
Posts: 0
Joined: Thu Nov 15, 2012 9:13 am

how to vertically align an element?

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.

Jay6395558
Posts: 0
Joined: Thu Nov 07, 2013 8:17 pm

how to vertically align an element?

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?

Illya Stepanov
Posts: 0
Joined: Mon Mar 18, 2013 8:48 am

how to vertically align an element?

Hi Jay - should be a CSS rule.

Jay6395558
Posts: 0
Joined: Thu Nov 07, 2013 8:17 pm

how to vertically align an element?

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

Image

Alena Prykhodko
Posts: 0
Joined: Tue Apr 09, 2013 7:36 am

how to vertically align an element?

Hi Jay,

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

Jay6395558
Posts: 0
Joined: Thu Nov 07, 2013 8:17 pm

how to vertically align an element?

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.

Kateryna Grynko
Posts: 0
Joined: Thu Nov 15, 2012 9:13 am

how to vertically align an element?

Jay,

Thank you for the update.

Return to “Issues”