Andrew Hudson
Rank: #4940
8Views
3Comments
wordwrap on feedback message when title of filename is very long
Question
Reactive
CSS
Application Type
Reactive

Hi 

If I have a file name of say 100 chars I would like to truncate the file name in a message box. I have read various answers to use css along the lines of this:

.feedback-message{
   text-overflow: ellipsis;
  word-wrap: break-word;
  overflow: hidden;
}

 but it does not do what I intend - it hides the overflow text but does not word-wrap and does not provide an ellipsis to indicate truncated file name. Can anyone please help?

0
0
on 2020-12-22
Copy link to comment
Benjith Sam
mvp_badge
MVP
Rank: #78

Hi Andrew,

For this use-case, I would suggest you to frame a conditional expression within the Feedback Message action flow element (i.e. as Message property value), using/referring multiple pre-defined functions as shown below

If(Length(fileName) > 100, Substr(fileName, 0, 50) + "...", fileName)


Hope this helps you!


Kind regards,

Benjith Sam

1
0
on 2020-12-22
Copy link to comment
João Marques
Rank: #70

Hi Andrew,


Can you try to apply the following CSS:


.feedback-message-text {

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

}



Example of a feedback message wrapping with the ... :


Hope it helps.


Regards,
João

0
0
on 2020-12-22
Copy link to comment
Andrew Hudson
Rank: #4940

All good answers. Many thanks for the quick replies. Problem solved. Stay cool.

0
0
on 2020-12-22
Copy link to comment