panel: title alignment

[korenanzo]

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

[jarry]

Please add the 'padding-right' style.

Code:

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

[jega]

Hi Jarry

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

[jarry]

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)

[jega]

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
});