Page 1 of 1

center position a control in grid cell horizontal and vertical

Posted: Wed Dec 05, 2012 1:41 pm
by Moe MCC

How can I div(panel) center position a control in grid cell horizontal and vertical (x and y)?

Many thanks


center position a control in grid cell horizontal and vertical

Posted: Wed Dec 05, 2012 7:13 pm
by Kateryna Grynko

Hello,

To place an item in the center of grid cell add "Run custom JavaScript" action to "Load" event. Paste there following JS code

codevar cellElement = Tiggzi('mobilebutton1').closest('td')
cellElement.css('text-align', 'center').css('vertical-align', 'middle');/code

Write the item name instead of sample "mobilebutton1".


center position a control in grid cell horizontal and vertical

Posted: Thu Dec 06, 2012 8:38 am
by Moe MCC

vertical-align doesn't work,


center position a control in grid cell horizontal and vertical

Posted: Thu Dec 06, 2012 11:15 am
by Kateryna Grynko

Sample code worked with button. Which component do you want to align vertically?


center position a control in grid cell horizontal and vertical

Posted: Fri Mar 01, 2013 1:49 pm
by Riaan Bezuidenhout

HI

How would I do a vertical-align on a Component "panel"


center position a control in grid cell horizontal and vertical

Posted: Fri Mar 01, 2013 2:22 pm
by Maryna Brodina