EasyUI Forum

General Category => EasyUI for jQuery => Topic started by: Pierre on November 04, 2016, 07:33:50 AM

Title: [SOLVED] Layout title color
Post by: Pierre on November 04, 2016, 07:33:50 AM

Hello
Is it possible to use different color for title bar of some Layout region?
Please take a look at the image - I need to use different color for whole region title area, not only title title itself.
Thank you.

Title: Re: Layout title color
Post by: jarry on November 04, 2016, 09:51:28 PM

Set the 'headerCls' property to the special panel to custom the header style.

Code:

<style>
	.hcls1{
		background: #ccc;
	}
</style>
<div data-options="region:'center',title:'Main Title',iconCls:'icon-ok',headerCls:'hcls1'">
</div>

Title: Re: Layout title color
Post by: Pierre on November 04, 2016, 11:10:11 PM

Awesome, thank you ;D
Now I also need to change title color :o how to do that, please?

Title: Re: Layout title color
Post by: Pierre on November 09, 2016, 03:42:01 AM

Quote from: Pierre on November 04, 2016, 11:10:11 PM

Awesome, thank you ;D
Now I also need to change title color :o how to do that, please?

Please?

Title: Re: Layout title color
Post by: jarry on November 09, 2016, 07:04:27 AM

Please try this code:

Code:

<style>
	.hcls1{
		background: #ccc;
	}
	.hcls1 .panel-title{
		color: red;
	}
</style>

Title: [SOLVED] Re: Layout title color
Post by: Pierre on November 09, 2016, 01:46:07 PM

Awesome. Thank you so much.