I need to replace the highlighted purple text with info from the CMS, but as far as I can tell, CMS data can only be written to dedicated text objects or div blocks. Columns are too unwieldy for text of varying length like this, so I’m pretty lost as to what I can try next. Is it possible to put CMS data inside another paragraph object? Thanks for your help!
Cool happy it helped. This is an area where Webflow shines. The UI makes it particularly easy to style and fine tune such mixed data elements. It’s also one of my favorite things to do with CMS, your example is perfect. In the end, you’ll have something well integrated, that looks like the real life thing, but that’s way more complicated than it looks. A bit of magic.
Hi @vincent. I’m having a similar issue to OP, and was excited to see your solution, only that the link is returning a 404. Would you be able to reupload it by any chance? Thanks.
Thanks so much @vincent or such a quick response. This is great, and really helpful.
I now need to find a way to include tooltips within the CMS as well…which I appreciate is different to the problem you’re solving here, but is my next challenge.
For MVP this may have to change, but the user should be able to tap on a tooltip to reveal additional text, all within the same webpage.
The use case for this is that there will be text in the CMS that should function as tooltips, allowing a user to tap on them and get a definition of the word.
I understand that this can be achieved through creating CMS attributes of (for example) cms-tooltip1, cms-tooltip2 etc, and then having cms-body-text1, cms-body-text2, but I am wondering if I can figure out a less manual way of doing this.
I’m not sure I completely understand. A tooltip is usually a non clickable text item that appears only when an element is hovered. e.g. image tooltip.
In any way, having CMS hidden text attached to CMS something, that will reveal on click on something, is totally doable. I can provide an example but I’d need to understand what you want visually. Any design to share?
Hi Vincent - got it, understood. Let me get back to you shortly with a more concrete explanation of what I am trying to achieve, complete with some designs or wireframes. Thanks.
Within the Webflow CMS, I am looking for a solution to allowing a user to more quickly see the meaning of a word in the transcript.
As you can see, at the moment a user is shown when a word exists in the key vocabulary, but they have to scroll up to find it.
My 2 preferable options for improving this would be:
a) Give the user the option to click/tap on the piece of vocabulary and in-line (or as a modal) the definition is provided.
b) Give the user the option to click/tap on the piece of vocabulary and the viewport is them moved to the location of the word in the ‘key vocabulary’ section.
Does this help provide context?
There will be 20-40 unique words per CMS item, and so I think that creating unique CMS items for each one would be an overly laborious process.
Any clever suggestions you have on how to solve this would be very gratefully received
happy it helped. This is an area where Webflow shines. The UI makes it particularly easy to style and fine tune such mixed data elements. It’s also one of my favorite things to do with CMS, your example is perfect. In the end, you’ll have something well integrated, that looks like the real life thing, but that’s way more complicated than it looks. A bit of magic.
