Inplace default close icon change

UI Components for Angular
Post Reply
Shopip
Posts: 1
Joined: 14 Sep 2021, 22:02

14 Sep 2021, 22:06

Hi,

Im trying to change the close icon of inplace like this

<p-inplace [closeIcon]= 'pi pi-check' closable="closable" [style]="{'min-height':'33px'}">
<ng-template pTemplate="display">
Click to Edit1
</ng-template>
<ng-template pTemplate="content">
<input type="text" value="PrimeNG" pInputText>
</ng-template>
</p-inplace>

But its giving the following error
Template parse errors:
Parser Error: Unexpected token 'pi' at column 4 in [pi pi-times] in ng:///AppModule/AppComponent.html@1:25 ("<h5>Basic</h5>.

If i dont give closeIcon,default cross icon is shown which i want to change.

what is the right way of changing the icon in inplace ?

poyrazus
Posts: 6
Joined: 11 Mar 2021, 12:18

12 Oct 2021, 11:00

Try without brackets around closeIcon

Code: Select all

<p-inplace closeIcon= "pi pi-check" ...

Post Reply

Return to “PrimeNG”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 13 guests