EasyUI Forum

General Category => EasyUI for jQuery => Topic started by: korenanzo on May 03, 2017, 12:53:32 AM

Title: panel: title alignment
Post by: korenanzo on May 03, 2017, 12:53:32 AM

Hi ,

I need to modifiy the

panel title alignment (left-center-right) ; :)

I've tried adding "text-align:rught" to the div containing the title but it superimposes the toolbox icons (panel-tool) ???

Any suggestion?

Thanks,
RIc

Title: Re: panel: title alignment
Post by: jarry on May 03, 2017, 05:37:41 AM

Please add the 'padding-right' style.

Code:

.panel-title{
	text-align: right;
	padding-right: 80px;
}

Title: Re: panel: title alignment
Post by: jega on March 04, 2025, 10:04:36 AM

Hi Jarry

And if we want to have a text left align and another text right in same panel title ??

Title: Re: panel: title alignment
Post by: jarry on March 07, 2025, 01:25:58 AM

The header of panel can be customized. Please try this code.

Code:

const header = `<div class="f-row"><div class="panel-title f-full">Title</div><div>Right</div></div>`;
$('#p').panel('header').html(header)

Title: Re: panel: title alignment
Post by: jega on March 07, 2025, 06:04:35 AM

Hi jarry.

So far so good

Text "right" is on next line, it should be on same line

const header = '<div class="f-row"><div class="panel-title f-full">Title</div><div>Right</div></div>';

$('#vagtPanel_'+index1).panel({
header: header
});