panel header height

[jaimi]

Hi, I tried to put a menu within the panel's toolbar. But the bar is to small.
How to expand the height of the panel's toolbar?
THX, Jaimi

[stworthy]

Please override the '.panel-tool' CSS style.

Code:

<style>
	.panel-title{
		height:26px;
		line-height: 26px;
	}
	.panel-tool{
		height: 26px;
		margin-top:-13px;
	}
</style>

Another way to solve this issue is to download the newest 'panel' plugin from http://www.jeasyui.com/easyui/plugins/jquery.panel.js. You will be able to custom your panel's header.

Code:

<div class="easyui-panel" style="width:700px;height:300px">
	<header>
		<div class="m-toolbar">
			<div class="m-title">Panel Header</div>
		</div>
	</header>
	<footer>
		<div class="m-toolbar">
			<div class="m-title">Panel Footer</div>
		</div>
	</footer>
</div>

[jaimi]

thx, is there a tutorial to use the plugin?

[stworthy]

Please refer to this documentation http://www.jeasyui.com/documentation/panel.php. The 'header' property will be available since version 1.4.2.