Center align - Complex grid title

Suite and Optimus Suite 5
#1

I have constructed a marginally complex grid title.

var dummy = "<div id=\"xyz\" style=\"vertical-align:top\"> XYZ : <input type=\"radio\" name=\"abc_mode\" value=\"abc\" onclick=\"dosomething(...);\" checked> ABC <input type=\"radio\" name=\"pqrs_mode\" value=\"pqrs\" onclick=\"dosomething(...);\">"

grid.headerLabel(dummy);

Here the content of the grid differs depending on the selected radio button. The assistance I seek is to how to center align the radio button with the text. by adding ‘style=vertical-align:top’ i managed to get this aligned on Chrome, but the application I support requires it to also work on IE.

I assume there would be another way to get the content center aligned, any assistance is greatly appreciated.

Manish

#2

Didn’t hear back on this - can anyone take a stab at this. Your time and input is much appreciated.

#3

Unfortunately the vertical-align property cannot be used with the div.
The described issue is not related with dhtmlxgrid.
Please, try to use your form outside the grid:

<div id="xyz" style="vertical-align:top; font-size:11px"> XYZ : <input type="radio" name="abc_mode" value="abc" onclick="dosomething(...);" checked> ABC <input type="radio" name="pqrs_mode" value="pqrs" onclick="dosomething(...);"></div>

and get the needed result.