Hi! I have a Map Journal project where I would like to allow a 'read more...' button to to expand additional text for a particular section. Is this possible without having to change the template and self-host it? Could this CSS and HTML functionality be white-listed for use?
ie:
<style>
details {
border: 0px solid #aaa;
border-radius: 4px;
padding: .5em .5em 0;
}
summary {
font-weight: bold;
margin: -.5em -.5em 0;
padding: .5em;
}
details[open] {
padding: .5em;
}
details[open] summary {
border-bottom: 0px solid #aaa;
margin-bottom: .5em;
}
</style>
<div>
<p> A summary with a little bit of text.</p>
<p>
<details>
<summary>Additional details...</summary>Details, with a lot more text.</details>
</p>
</div>
Solved! Go to Solution.
Hi Ross -- Thanks for your question about using custom HTML. I don't think we'd whitelist those tags since unfortunately there are some security concerns with them. Additionally, they aren't supported in IE/Edge, so that would not be an ideal user experience for your readers.
We have heard the request to have a small collapsible region in a story map from a few other people, so we can look at possibly providing something like that in the Builder in the future.
Hi Ross -- Thanks for your question about using custom HTML. I don't think we'd whitelist those tags since unfortunately there are some security concerns with them. Additionally, they aren't supported in IE/Edge, so that would not be an ideal user experience for your readers.
We have heard the request to have a small collapsible region in a story map from a few other people, so we can look at possibly providing something like that in the Builder in the future.