I’d like to create a CMS Collection of articles. Unfortunately, my articles will need design flexibility. For example, at times I will want to insert a gallery of images linking to a lightbox. Another example is that I want to present chunks of information including image, title, description in a standard format linked across the website. I’m currently using Symbols to do that across several pages but anticipate wanting to continue using this structure within my articles.
Is there currently, (or will there be in the future), the ability to design Collection Pages with a big open space for multiple components instead of a fixed set of constrained fields? A rich-text field is just not going to be flexible enough for what I need.
At the moment, it’s looking like I’ll need to do this the old-fashioned way, building each page one at a time with links to previous/next, manually-created list pages, etc. That solution does not allow me to apply categories though, which is a serious limitation.
Any ideas to help solve this will be greatly appreciated. Thanks in advance!
To show you what I have in mind, here’s a series of pages posting chapters of a book draft that could have been created as a collection if this flexibility was available: Feelingwork: Mapping and Restoring the Inner Terrain
Use conditional visibility to set up components that you will show or hide with switch field in your cms collection settings.
For example create a layout for that lightbox and set its visibility to “show when certain switch is on”. Then when creating collection item just decide whether you will need that gallery or not and check or uncheck the switch
OK, @dram, that’s a function I hadn’t seen yet. What I’m leaning toward is to split my articles between “knowledge base” pages with full flexibility and less substantial “thoughts-in-progress” CMS articles. Having those switch fields will give me more room for flexibility in the articles section.
Wow-wow-wow! This new javascript library looks really awesome. Thanks @ColleenBrady and @dram for letting me know about it.
One more solution I’m looking at, that I’d like to get your feedback if possible: If I add the desired symbol to another silent page (not linked from anywhere) and publish it, I can open the Developer Tools (Chrome) and copy that element. Then, if I past that element into an embed field inside the RT section, it seems to display OK.
Unfortunately, this embed does not show in Preview mode, you have to view it on a published page (https://feelingmind.io/test-messaround). Also unfortunately, in this example at least, it’s not converting well.
The H3 under the image is centered in the symbol, but left justifies inside the Rich Text field. I’m guessing that’s because the class applied to the Rich Text Field overrides anything brought in by the symbol element copy/paste. But I can’t figure out how best to fix it.
Do you have a solution? I’ve tried adding an extra class, but probably wasn’t doing it right.
Optimally, I will also, down the line, be able to adjust the root symbol’s styling and have that cascade even into the instances where it’s embedded inside a Rich Text Field. Am I hoping for too much?
Do see differences in H3 alignment in both examples. Won’t have time to go through preview link today.
A thought: I sometimes have issues with ordered / unordered lists in rich text that is the displayed on collection detail pages not matching font body font style. It requires me to go in and make some additional style edits. Could be what’s going on here. This might help get you going if it’s a similar issue to what I’ve encountered.
To fix, typically create a new page and put a rich text element on it and add styling needed. Once the content is what I want on my collection pages, I delete the temp page.
And yes, the uni has a ton of awesome content. The difficulty at times is not knowing enough to have an accurate idea of what I still don’t know yet. Thank you for pointing me in the right direction!