EasyUI Forum

General Category => EasyUI for jQuery => Topic started by: Pierre on July 08, 2016, 12:48:05 AM

Title: [SOLVED] Combogrid inside Layout - how to?
Post by: Pierre on July 08, 2016, 12:48:05 AM

Hello all
I need to put combogrid inside Layout Region (please see image below) but the problem is - combogrid is thin.
How to resize Layout Region (I'm using tools inside region)?
Thank you.

Title: Re: Combogrid inside Layout - how to?
Post by: jarry on July 08, 2016, 03:56:25 AM

Set the 'headerCls' property and then custom the header style.

Code:

<style type="text/css">
	.header1 .panel-title{
		height: 24px;
		line-height: 24px;
	}
	.header1 .panel-tool{
		height: 22px;
		margin-top: -11px;
	}
	.header1 .panel-tool a.layout-button-left{
		margin-top: 3px;
	}
</style>

<div data-options="region:'west',split:true,headerCls:'header1',tools:'#toolbar'" title="West" style="width:200px;"></div>

Title: Re: Combogrid inside Layout - how to?
Post by: Pierre on July 08, 2016, 05:02:57 AM

Awesome, thank you a million!