How to break primeng confirmation box message to separate line?

user_2218635 0
Viewed 3140

Can anyone give me the suggestion to break the confirm box message.

I have tried this below code. but it's showing br tag as a string. Any other way to solve this?

this.confirmationService.confirm({
                    message: 'CoC updated successfully' + '</br>' + ' Do you want to close or continue working with this?',
                    icon: 'fa fa-question-circle',
                    header: 'Confirm Save',
                    accept: () => {
                       this.infomessage = [];
                        this.infomessage.push({ severity: 'success', summary: '', detail: Updated Successfully' });                    },
                    reject: () => {
                        this.router.navigate(['versions']);
                    }
                });
primeng angular typescript element javascript
3 Answers

The easiest way is add <pre></pre> in confirm dialog to able use \n

For example:

this.confirmationService.confirm({
                    message: '<pre>CoC updated successfully\nDo you want to close or continue working with this?</pre>',
                    icon: 'fa fa-question-circle',
                    header: 'Confirm Save',
                    accept: () => {
                       this.infomessage = [];
                        this.infomessage.push({ severity: 'success', summary: '', detail: Updated Successfully' });                    },
                    reject: () => {
                        this.router.navigate(['versions']);
                    }
                });

Source: https://github.com/primefaces/primeng/issues/1310

user_14962800
Related