Highlighted

Push all elements up/down when closing/opening an accordion

New Here ,
Jun 02, 2020

Copy link to clipboard

Copied

Hi everyone,

I've created a accordion where you can interact with the first option. So the idea is that when you click the "close" button (because the default state is open), it closes and so all the content that comes after should be pushed up, and when you close it, all element should go to their previous place, how can I achieve this?

 

In case that's not possible I thought about having a second artboard and linking it to it, but the issue is that I can only link to the top of the page, is there a way I can wire an element to a specific part of another artboad instead of just the whole artboard? 

 

Thank you!

*SOLVED*

I'll leave here how I solved it, in case someone else needs it 🙂

  • I duplicated the artboard
  • Changed the state of the component (I had "Default" = open, "Click" = closed)
  • Activated "Fix position when scrolling" for the component in the new duplicated artboard and change the state to "Click" there

Topics

How to, Prototyping

Views

176

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more

Push all elements up/down when closing/opening an accordion

New Here ,
Jun 02, 2020

Copy link to clipboard

Copied

Hi everyone,

I've created a accordion where you can interact with the first option. So the idea is that when you click the "close" button (because the default state is open), it closes and so all the content that comes after should be pushed up, and when you close it, all element should go to their previous place, how can I achieve this?

 

In case that's not possible I thought about having a second artboard and linking it to it, but the issue is that I can only link to the top of the page, is there a way I can wire an element to a specific part of another artboad instead of just the whole artboard? 

 

Thank you!

*SOLVED*

I'll leave here how I solved it, in case someone else needs it 🙂

  • I duplicated the artboard
  • Changed the state of the component (I had "Default" = open, "Click" = closed)
  • Activated "Fix position when scrolling" for the component in the new duplicated artboard and change the state to "Click" there

Topics

How to, Prototyping

Views

177

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
New Here ,
Jun 02, 2020

Copy link to clipboard

Copied

*SOLVED*

I'll leave here how I solved it, in case someone else needs it 🙂

  • I duplicated the artboard
  • Changed the state of the component (I had "Default" = open, "Click" = closed)
  • Activated "Fix position when scrolling" for the component in the new duplicated artboard and change the state to "Click" there

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...