Repeater + Box + Hidden Text

Ask the community
,
1

Hey guys,

im realy new to coding & all that stuff.
I need an solution for our database frontend.

Our users can create multiple “suppliers” - the suppliers appear on a dynamic product page, so we have an overview about offers for this actual product. Now i want to hide the suppliers in “Tabs” / “Spoilers” whatever you call those little boxes.

If a new Supplier is created it should create a new box, so i use a Repeater for it. Now i need the following:

  • how can i hide text/part of boxes until a user clicks on the main box
  • how can i define the distance between 2 boxes so the repeater wouldnt add so much empty space between them

Would appreciate your help.

Best regards,

Sam S.

2

Hey, Sam!

Please take a look at the following function to collapse/expand elements https://www.wix.com/corvid/reference/$w.CollapsedMixin.html .

Also, check this example that you can use https://www.wix.com/corvid/example/collapse-elements .

Please keep in mind that when an element on your page is collapsed, the elements below it on the page can either shift up the page or stay where they are. This behavior is controlled by the size of the gap between each element and the element directly above it.

Check the rules for collapsing and expanding elements here https://support.wix.com/en/article/corvid-how-page-layout-is-affected-when-elements-change-size .