In previous version we could use HTML in captions like using <br> to make long captions overflow.
It appears that we cannot do that in the latest version 2.6.
Is there another way to accomplish this?
You are right, starting from version 2.5.6 captions are escaped before displaying (certain characters, such as
/ are replaced with the escape sequences). Thus,
<br/> in captions will not act as HTML any more.
We would recommend you checking
customizeCell function which can modify each cell in the table during rendering. Here are the examples of
customizeCell function usage: https://www.flexmonster.com/examples/#!customize-cells
For example, you can add <br/> inside
customizeCell function to make long captions overflow.
Please let us know if this approach works for you.
Can you provide me with an example using a calculated field of unique name aggreorder with a caption of Aggressive<br>Reorder<br>(3 mths)?
Thanks for the quick update.
Please check the following JSFiddle sample: https://jsfiddle.net/flexmonster/8m29r63z/.
Hope it helps.
That works great for the measures (data). Just can’t figure out how to do the same with a row.
this works for the cell which can be quite useful.
However was trying to change the column (header) caption for the row
Thank you for your feedback. Currently, the component does not support multiline in the filter cells.
However, could you please specify how critical that feature is for you?
Waiting to hear from you.
I have attached a screenshot of what I am looking for. It is in the caption for a “row” column rather than a filter.
Thank you for providing us with the screenshot. The highlighted cell is a column header filter cell. Currently, the multiline is not supported for such type of cells. However, we are going to add an update which will allow using the new line symbol “\n” for the captions ETA Aug27. That should enable multiline support for the filter cells.
The latest release had this note:
Now the new line symbol(
"\n") is replaced with
<br> for the header filter cells.
Could you provide a sample of how to use this?
Please check the following sample: https://jsfiddle.net/flexmonster/8m29r63z/22/ (see line 15).
Hope it helps.