[Answered] UX (=layout) tips needed

Okay, I can do graphic stuff, but need to know if I can achieve the following with WIX components. Otherwise I will revert to D3js.

I’m messing with a concept for tutorials. I can use drop downs and what ever, but then I’m not getting what I’ld like and that is not ‘simple’ for you have no overview. The goals is you can start anywhere. If you click e.g. ‘database’ those steps are added to the tutorial as a section, then if you click ‘page’ those are added and so on and so thorth. So items will get a sub list e.g. repeater will get filters in a sublist. Each checkbox (tweaked to a circle) means add a section. When you uncheck naturally this list is updated. When done, click GO and hey presto, a custom tutorial in ‘dummy’ method. That part is functional, I need to tweak the js code to make things dynamic enabled/disabled when you click something, do big deal.

My question here is, does WIX have something that if I e.g. click on ‘repeater’ I can shift the entire group to the the left so that ‘reapeater’ is on the position of ‘database’. I can’t see in wix code I can change the x/y position of something.

Also, can you add ‘images’ through the api? All ‘blocks’ are in the database offcourse, including prior/next possibilities. I think this would be ‘no’

Hi Edgar,
Here are the general principles:

You can’t change the x/y position of elements
You can manipulate vertical layout by collapsing and expanding elements
You can’t add elements through code
You can do some other things which seem relevant in your case:

  • Place the superset of all elements on your page and hide those which you don’t need

  • Set the values of the elements at runtime
    So essentially you could lay out a FULL tree of placeholder objects, and set the values and hide unused tree nodes as necessary.

hope that helps,
Uval

Hi Uval. Offcourse, I didn’t think of from up to down. If I do that the collapsing can help. I was aware of the two additional things you mentioned, but thanks for pointing them out. I’ll jot some stuff on paper. Up to down has the con to quickly get a scrollbar meaning losing the overview, and I want to try to stay in the recommended width (though I usually work for 1280 wide).