I’ve made an overlay link. From that overlay, I want to link to another overlay but stay at the same parent page. So basically open an overlay, click on a link to close the overlay and open another overlay.
Ideally, if we could invoke navigation links in a code override, we could easily implement this. Unfortunately I haven’t found any way to do it yet.
This tip simulates the desired effect with animations in code override. See also this tip for another, simpler (but not perfect) approach that uses the Link and Page tool.
animate
and Animatable
style.zIndex
:export const BlueOverlay: Override = () => {
return {
style: {
zIndex: data.blueZ
}
};
};
...
data.blueZ = 1; // bring it to the front
data.blueZ = 0; // move it to the back
PS: If you find this tip difficult to understand, check out this course I prepared for you, where concepts are explained in a more digestible way. No programming experience required!
PPS: See other pro tips, or share / request a new tip.
Want the complete source file? Enter your email address below:
I'll also send you new tips when available. No spam, unsubscribe any time!
© 2019 jimu Labs, Inc.