Print Page - panel header height

Title: panel header height
Post by: jaimi on February 23, 2015, 01:18:49 AM

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

Title: Re: panel header height
Post by: stworthy on February 23, 2015, 10:36:23 AM

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>

Title: Re: panel header height
Post by: jaimi on February 23, 2015, 10:49:24 PM

thx, is there a tutorial to use the plugin?

Title: Re: panel header height
Post by: stworthy on February 24, 2015, 01:46:40 AM

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

EasyUI Forum

General Category => EasyUI for jQuery => Topic started by: jaimi on February 23, 2015, 01:18:49 AM