Forum Discussion
Morph Transition animating properly with some ID-matched shapes, but not others
Hi all!
I have a labeled graphic interaction that sends the user to a slide (or slide series), and I've gotten the morph transition to animate some of the clickable labels, but not all of them. Attaching the .story below. The transition works normally on my machine for the CNS, Liver, and Reproductive labels, but it gives up and reverts to a fade transition for the Lungs label and the Blood & Veins one. The Skin label is behaving as expected, since its equivalent isn't ID-matched and animates in after the transition.
I'm just scratching my head trying to figure out why the transition is working for some of them but not all. I copy-pasted all of these label shapes out of their linked content slides and into the menu slide, so I can't guess what would be different between them. Anyone have ideas?
I don't use Morph for anything, but I did look at your slides.
It seems that your problem labels have conflicting Morph Ids. For example, the lung labels (and others) have the exact same (secondary) id as the lung label.
To see them, select the label, right click on one of the resize handles, and look at the top of the context menu. There is a data-model-id followed by another id, which I have to assume is used to link morphing objects to each other.
That second id needs to match between the linked objects, but likely needs to be unique from other objects.
The issue may stem from how you originally copied the objects between the slides. Anyway, I was able to correct the issue by just replacing the individual elements on the slides.
For example, Lungs:
- On the main menu, select the label
- CTRL-C to copy
- SHIFT-CTRL-D to duplicate in place with its triggers
- If you check each label, they should have different secondary ids in the context menu
- Hide the original label for now
- Now select and copy the new label (CTRL-C)
- Go to the destination slide
- Duplicate the copied label on this slide
- Reposition the label to match the final version you already have on the slide
- Resize the new label's font and size to match the final version
- Resize the line
- Hide the original final version from this slide
- Preview to test the morph transition
- Delete the original labels if everything is working
6 Replies
t is just not working, I have no idea why, looks like it is all set up correctly
Thanks for checking, Phil! I've submitted a support case, hopefully someone can spot a fix.
Hi, JerryMurch-e033!
I see my teammate, Carlo, is currently reviewing your project file. They'll be in touch shortly via email with their findings!
I don't use Morph for anything, but I did look at your slides.
It seems that your problem labels have conflicting Morph Ids. For example, the lung labels (and others) have the exact same (secondary) id as the lung label.
To see them, select the label, right click on one of the resize handles, and look at the top of the context menu. There is a data-model-id followed by another id, which I have to assume is used to link morphing objects to each other.
That second id needs to match between the linked objects, but likely needs to be unique from other objects.
The issue may stem from how you originally copied the objects between the slides. Anyway, I was able to correct the issue by just replacing the individual elements on the slides.
For example, Lungs:
- On the main menu, select the label
- CTRL-C to copy
- SHIFT-CTRL-D to duplicate in place with its triggers
- If you check each label, they should have different secondary ids in the context menu
- Hide the original label for now
- Now select and copy the new label (CTRL-C)
- Go to the destination slide
- Duplicate the copied label on this slide
- Reposition the label to match the final version you already have on the slide
- Resize the new label's font and size to match the final version
- Resize the line
- Hide the original final version from this slide
- Preview to test the morph transition
- Delete the original labels if everything is working
This did the trick! Thanks for the keen eye and for taking the time to write this all out.
Thanks Nathan.
So we need to maintain the same Morph IDs (which is the secondary ID displayed on right click of the object - notice: it is shown in brackets) to ensure the morph transition.
I noticed that when you copy and paste an object within the same slide, the new object gets a new primary ID that matches its own secondary ID. On the other hand, when you copy an object from one slide and paste it on another slide, the primary IDs of the original and new objects are different, but they share the same secondary ID.
That was an interesting lesson.
