In my data model, I have a table (called Verse) which contains individual sentences. I would like to display them in paragraph form (one right after the other, with wrapping, etc). Eventually, users will be able to add comments/questions associated with each sentence.
So far, I am using a Block (with repeater enabled). The block contains a single text component, which is bound to the Verse text. This works correctlty - data is fetched from the database and the Text is repeated (as
<span> elements in the DOM), which is great. However, the Block component in UI builder only has options to display as
flex. This creates a scenario where each sentence is either stacked horizontally or vertically.
If I manually edit the style in the DOM using developer tools, to make the Block use
display: inline-block instead of
flex, then I can get approximately the correct behavior (sentences are one after the other, and wrap to the next line). However in Backendless Theme tab, when I try to create custom CSS, it cannot override the
display: flex style, which is applied directly inline to the
Do you have any suggestions on how to achieve the effect I’m looking for?
I am open to any options for how to set this up in UI builder - thanks for any thoughts.