Community X.

Connect with other creators, share ideas, give feedback and get the latest product updates.

Sep 3, 2020
Edited: Sep 3, 2020

Multi-state box in Editor X

Dear friends, I have a quesiton about corvid adn editor X.


I am using Muli-State boxes well in Wix editor and switching them with this code


export function button2_click(event) {

$w("#multistatebox").changeState("box1");

}

export function button2_click(event) {

$w("#multistatebox").changeState("box2");

}


to switch boxes with button, it is great solution for speed up the website and avoid page switching. But ".changeState" is not working in Editor X. there is an arror.


I can not find such option in Editor X. .


Can you advise what can be the solution to reach the same result as with multi-state box with buttons, but in editor X?


Sincerely


#multistatebox #on_click #changeState

6 answers2 replies
3
Nov 13, 2020

Bumping this up as it's still a hugely important feature that we're missing at the moment.


The addition of this element would drastically improve the possibilities that Editor X can provide.


Hopefully we can see this soon!

2
Dec 12, 2020

When is this happening? Anyone?

1

Hi,


Currently, we do not have have the component for Multi-state boxes in Editor X. We are working on implementing it to the platform. You can create a show/hide logic with different boxes on your site.

Oct 31, 2020

This is a very important component it should be a main component, i want to move to editor x but without that multi state box i couldn't continue. Please speed up the process to release it in the next update as soon as possible.


Thanks for the great job and i am pretty sure that editor x will be a revelation in web development.

1
Sep 8, 2020

Hi Sebi,


Thank you for your support. I will try

1
Oct 31, 2020

Hi @Sebi Vidret, Product Manager ,


Any updates?


thank you

1
Jan 28Edited: Jan 28

Hi Guys, any update on this yet? it is still Beta so I can understand its still in development. I do need this function. My development has come to a holt as I cannot design what I wanted.


The Task:

I intended to add to my responsive drop down menu a multi box with repeaters on each state. In my dropdown menu I have more buttons (sub menu) which on hover will change the state of my multi box. The repeater will show an image and the image will change when the user hovers over differnt buttons.


I have managed to get around the lightbox issues and imitated my header menu in the lightbox. On hover it simply opens a lightbox with another header menu in the lightbox. https://bhm661.editorx.io/bytec-new

All thats missing is the multibox and images. (plus there is a bug here too, whats in editor and what live is not correct and changes despite having fixed paramiters. I have put a 1px margin Top & bottom to show a shadow, this 1xp+1xp has resulted in an extra 2px where there should not be, I have a fix but will leave it so you can see. the fix is on solutions)


Question: Is show/hide more effective than if we had a multibox, given that it was provided. Focus is Page speed - reaction time. Which will preform better ? as if the multi box , when ready, acutally imposes more loadtime than to have that function as code I may want to build it in code anyway as I dont want any additonal requests.


Also I have an idea too: Can you use pro galleries for my Task? As the repeater is image related I'm just thinking maybe use that and call a slide as if its a state. But can you even call a slide within a gallary? Change slide in relation to hover button.




Hey Ben, Awesome work on that mega menu, it seems to work pretty good with the solutions you found! Regarding performance, there's not much of a difference, BUT there might be a slight advantage for the hide/show, as it affects the CSS visibility of the element, while the state box changes render or remove states from the DOM (HTML tree) which is a bit more 'expensive'.


I think there are many ways to implement this behaviour, but the solution you chose using show/hide seems to be pretty optimal.


Regarding the extra margins that appear in the published site vs. editor, I could not locate the area you referred to so I cannot investigate further, try to provide some screenshots maybe.


Cheers!

Editor X

Design your boldest creations.