Footnotes - reference dynamic data sent by API request
Hi, is there a way to reference and add footnote dynamically? Since I'm getting data from an API call I don't know on what page the text with a footnote reference will be so I can't statically add a footnote to reference it. Is there a way of knowing where on what page the reference to the footnote is and then add the footnote there?
Could you please share a simple playground demo describing the problem?
Something like this:
Check the mock data. Based on that i would like to render footnotes, but since the paragraph can be on any page, since data is dynamic coming from an API call, i need a way of connecting those footnote text to the page where that paragraph is located. You will see that im also using the header-footer template with it, so i would like that text to be moved there. Is there a way of achieving this?
The pdf-utils page items should help
See an updated demo
Thank you! This was exactly what I was looking for.
Expanding on this functionality for footnotes, usually in a report like this you would require the main text content to be dynamically sized in relation to the amount of space the footnotes take up. For example, when there are no footnotes on a page, the footnote area takes up no space allowing more room for the main text content. When there are lots of footnotes the main text content would not overlap down into the footer area. Is there some ability to do this in CKEditor? I understand that the header-footer operation is happening after the main text content is generated so I don't know how we could know about how much space the footnotes are going to require ahead of time when the header-footer merge operation happens.
Here is an example where the footnotes take up too much space for the text content above it:
@jan_blaha Hey Jan, just looking for your input on this question please?
@Cameron-Forward Unfortunately, I don't know how to do this. We would need to limit the height of every page based on the footnotes content, but I don't know how this could be done with css.
Thank you for that response Jan