Forum Discussion
Morph transition on Feature Roadmap
Is there a way for users to try out the beta builds?
Generally speaking customers that are interested in using the private beta builds can be added to the beta program by e-mailing beta@articulate.com and requesting access.
For Morph Transition, we are hosting an Early Access program that will give a small number of users access to the feature before everyone else in the private beta. If you’re interested in Early Access for Morph Transition you can fill out this form: https://docs.google.com/forms/d/e/1FAIpQLSdTN4suEZMCCp4fC-GzVdWSsga_HUmOTDYSjzVo-Yntij9b5A/viewform
- dragadejanovic8 months agoCommunity Member
JesseTaber
Is there any way Storyline can talk to embedded web objects? For example, when I embed a web page inside SL, it would be great if I can trigger some action inside the SL from my embedded web page. Let's say, when I click the button inside my web page, next button inside SL appears.- JesseTaber8 months agoStaff
I don't think the exact scenario you're describing wouldn't be very easy to do, and honestly any interop between Storyline and embedded web object is technically possible, but would depend a lot on what the embedded content is and what you want to be able to control within Storyline. This is not something that we currently offer first-class support for, but you may be able to get something to work. I'm sorry I can't be more helpful.
- MathNotermans-96 months agoCommunity Member
Using postMessage you can talk to any WebObject.
Showcasing that here...https://360.articulate.com/review/content/b3935817-adfd-42b0-ab26-0326c9fec333/review
The buttons apparently donot work ( anymore as they did originally :-( ) on Review.
But you can notice logs in the console, so it is working.
You need to setup a eventlistener in your index.html for your Webwindow/iframe. The index.html for my sample is like this.<body> <object data="./SERMaIEL.pdf" type="application/pdf" width="100%" height="700px" ></object> </body> <script> window.message = ""; window.addEventListener("message", function(event) { let data = event.data; console.log("event called"); if(data.length > 4 && data!= "clickedPrint" && data!= "clickedSaveAs"){ }else if(data === "clickedPrint"){ console.log("print called"); window.focus(); window.print(); }else if(data === "clickedSaveAs"){ console.log("saveAs called"); window.focus(); window.saveAs(); } }); </script>
In your Storyline you need to select the iframe and then use 'PostMessage' to call the event in the WebObject/iframe.
For the printbutton thats like this:const iframe = document.querySelector("#slide-window > div > div > span > div > div > div > div.slide-layer.base-layer.shown > span > div.slide-object.slide-object-webobject.shown.cursor-hover > div > iframe"); const iframeWindow = iframe.contentWindow; iframeWindow.postMessage("clickedPrint", "*");
postMessage is the approach you can target any functionality in an WebObject or iframe.
- RichardHatheral6 months agoCommunity Member
Good morning, has there been any further development of the Morph tool? Is there any indication of a more general test release?
- MEJohnson6 months agoCommunity Member
It was included in this week's update.
- EricSantos6 months agoStaff
Hi RichardHatheral,
Thanks for reaching out! MEJohnson is correct. The Morph Transition feature was released with Update 98 of Storyline 360 last week.
To take advantage of this update, please launch the Articulate 360 desktop app on your computer and click the Update button next to Storyline 360. Our step-by-step instructions are here.
Please let me know if you have any questions about this release. I'm happy to help.
Related Content
- 9 months ago
- 6 months ago
- 6 months ago