EasyUI Forum

General Category => EasyUI for jQuery => Topic started by: codeguyross on December 17, 2013, 09:18:47 AM

Title: Can someone give me an example of adding CSS to easyui-panel header?
Post by: codeguyross on December 17, 2013, 09:18:47 AM

I see the property headerCls but anything I try seems to do nothing.

Thanks!

Title: Re: Can someone give me an example of adding CSS to easyui-panel header?
Post by: stworthy on December 17, 2013, 06:14:01 PM

Here is the example shows how to set 'headerCls' property.

Code:

<style>
	.hc{
		background:#ccc;
	}
</style>
<div class="easyui-panel" title="title" headerCls="hc" style="width:400px;height:100px">
	<p>panel content.</p>
</div>

Title: Re: Can someone give me an example of adding CSS to easyui-panel header?
Post by: codeguyross on December 18, 2013, 09:28:07 AM

Quote from: stworthy on December 17, 2013, 06:14:01 PM

Here is the example shows how to set 'headerCls' property.

Code:

<style>
	.hc{
		background:#ccc;
	}
</style>
<div class="easyui-panel" title="title" headerCls="hc" style="width:400px;height:100px">
	<p>panel content.</p>
</div>

Thanks again stworthy! This was perfect!