Comments (3)
Hi Sam,
Glad to hear you're interested in customizing Cascade! We don't have any documentation for adding a custom media type (our docs mainly describe how to download and self-host the application). Adding a new media type is possible, but fairly complex. The media types extend a common base class, but they often have their own behavior. What's more, these media types often act differently depending on where they are in the story (in the cover, in an immersive section background, or a narrative section block).
Off the top of my head, at minimum you would need to:
- Add a class for the new media item (like this)
- Give it a handlebars template for the immersive section background (like this)
- Add it to the "add media" menu
You can see how the pattern works with the webpage media type in these links. For the webpage.jsx code itself, render
injects the handlebars template with the data, and postCreate
is called after that template is in the DOM (so any DOM manipulation/3rd-party library code can go there).
If you can get away with adding the chart control to your Cascade as a webpage (instead of coding up a new media type), I'd do that. You could even have the Cascade app and the webpage "talk" to each other if you needed events.
from storymap-cascade.
Thanks so much @skitterm. Sorry this has taken me so long to reply. It will be a little longer before I get a chance to try your advice but will keep you in the loop on my progress.
from storymap-cascade.
@SamDrummond I'm going to close this ticket; let us know if you run into any further issues.
from storymap-cascade.
Related Issues (20)
- Video Playback Control - Auto Play or Manual
- where to add proxy settings to bypass login screen?
- Trying to remove index.html in the URL HOT 2
- Adding a picture to an immersive map HOT 1
- grunt dev not work HOT 1
- Update developer build instructions HOT 10
- Immersive Section: Alternative Text for Views Not Custom
- Substitute Image Not Showing on Mobile Devices
- Issue hosting code on my AWS machine instance
- Aborted (core dumped) when running "requirejs:builder" when building HOT 1
- Deploy file not being created
- Youtube start and end not working
- Story Map Cascade hosted on web server does not load in browser
- Build fails because clipboard.js missing HOT 4
- Adding audio to a background video HOT 1
- How to get h2 in transition HOT 2
- Autoplay settings HOT 2
- Audio for Video on Cover Slide does not work
- Option to Remove Title Box from Cover Slide
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from storymap-cascade.