Minimum Row Height for Datagrid

[pmjenn]

Datagrid (and Treegrid) work better on a mobile device when the row height is big enough to give a good landing zone for touch. Is there are way to set a minimum row height for rows in a datagrid?

[stworthy]

Please try to set the following CSS style.

Code:

<style>
	.datagrid-header-row, .datagrid-row{
		height:30px;
	}
</style>

[pratikk]

How can we do this with code

I tried ;

$('.datagrid-row').css({'height', '50px'});

But It didn't work.

I am writing  a touch screen app. so This will be very useful. 
Another thing is  combogrid is getting the new height but combo box don't .

[stworthy]

Please try this code instead.

Code:

$('#dg').datagrid({
    onLoadSuccess: function(){
        $(this).datagrid('getPanel').find('.datagrid-row').css('height', '50px')
    }
});

[pratikk]

Thank You .  This is working nice with datagrid. I also want to adjust the combogrid and combobox  .  I tried this for combogrid but didn't worked.

                $('#cg_').combogrid({
                    onLoadSuccess: function(){
                        $(this).combogrid('getPanel').find('.datagrid-row').css('height', '50px');
                    }
                });

[stworthy]

Please try this:

Code:

$('#cc').combogrid({
	autoRowHeight: false,
	onLoadSuccess: function(){
		$(this).combogrid('grid').datagrid('getPanel').find('.datagrid-row').css('height','50px');
	}
})

Why don't you use the '.datagrid-row' CSS style. It is more easier to change the datagrid row height.

[pratikk]

I want to give the size parametric. So the users can change the height as up to their choice.

combogrid is working fine. Now on combobox

 $('#cb_onodetip').combobox(
                    {
                        autoRowHeight: false,
                        onLoadSuccess: function() {
                            $(this).combobox('grid').datagrid('getPanel').find('.datagrid-row').css('height', '50px');
                        }
                    });

I used the code above but it didn't work

[stworthy]

Please try this code instead.

Code:

$('#cb_onodetip').combobox({
	onLoadSuccess: function(){
		$(this).combobox('panel').find('.combobox-item').css({
			lineHeight: '50px'
		})
	}
});

[pratikk]

Thanx. Now it is working