Multiline notifications

timt · December 19, 2019, 2:04pm

Hi

Is it possible to create multi line notifications? I have tried adding \n and
to the message string but no joy.

Thanks
Tim

enchev · December 19, 2019, 4:32pm

Hi Tim,

Not possible at the moment - I'll check to see if we can enabled this!

Best Regards,
Vladimir

korchev · December 19, 2019, 6:04pm

You can add the following CSS to server\wwwroot\assets\css\styles.css:

.ui-growl-message {
  display: flex;
}

.ui-growl-title {
  margin-right: 8px;
}

.ui-growl-message p {
  white-space: pre-line;
}

It would then display \n as new lines:

timt · December 20, 2019, 11:31am

Brilliant, works a charm! thanks for your always excellent customer support.

Tim

Peter_Chikov · January 16, 2025, 9:40pm

Doesn't seem to work for me.

korchev · January 17, 2025, 9:59am

Indeed this CSS won't work as it using a 5 year old rendering which has been retired long ago

Now you can use Style="white-space: pre-wrap":

new NotificationMessage { 
    Severity = NotificationSeverity.Info, 
    Style="white-space: pre-wrap",
    Detail = "Info\nDetail"
}

Or if you want to enable it globally:

.rz-notification-content {
   white-space: pre-wrap;
}