I set up a section to use the “List of Items” parameter as outlined here. Then set it as the value as a looper so that any data I put there where get outputted on my page.
Everything works fine until I add the “:” character then I get a wild error.
{
"listItems" : {
"type" : "group[]",
"label" : "List Items",
"itemLabel" : "{{index}}. {{title}}",
"params" : {
"title" : {
"type" : "text",
"label" : "Title",
"initial" : "Title Here"
},
"whenAvailable" : {
"type" : "text",
"label" : "Times",
"placeholder" : "9:00am"
},
"age" : {
"type" : "text",
"label" : "Ages",
"initial" : "3rd-5th"
},
"desc" : {
"label" : "Item Description",
"type" : "text-editor",
"initial" : "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris auctor ultricies dignissim. Sed congue accumsan ornare. Donec viverra, nulla et ullamcorper mattis, mauris libero placerat mauris, at suscipit lacus felis ut lorem. Integer efficitur in erat vulputate dapibus. Nulla tempor in odio vel tristique.",
"height" : 2,
"expandable" : false
}
}
}
}
The above is my code for the parameters. Basically just 3 text areas, and a text-editor. It’s all straightforward.
But if I put let’s say “10:30am” it won’t output that text. Rather it shows:
data:image/svg+xml;base64,PHN2ZybW...
There’s more, but you get the gist. Here’s a screen shot I took of how it looks on the page.
As you can see I took out the “:” character on the other list items and they render fine. When I included it on the “Nursery” list item, I get the crazy error output.
What is also strange is that in the description for “Children’s Church” I type out “10:30am” and it worked fine. So I thought maybe the error was with the “text” field itself. So I changed it from the “text” to the “text-editor” to see if that would work. That also did not work, which again doesn’t make a lot of sense to me.
Love to hear any thoughts. Thank you!
