hi @sajarac
The department names goes into the blue container (galleries as needed) and the areas in the department in the green container (galleries in them as needed as well).
- both these containers are children of the main container (grey one) with their X position being 0.
- Also assign green container's X=blue.X
- make sure the width of the grey container = the width of the other containers
When you add your department gallery (i used a horizontal one) in the blue container the template size is set to desire width you wish your org structure labels need to be.
- Assign the template size of the gallery to 170 and the padding to 0.
- If you have 5 departments your gallery width will be 5*170 right.
- repeat this for the galleries in the green area
to move the galleries, we need to change the X position of the blue and green containers only. seeing we already assigned the two containers to have the same X position we can change either one's potion and the other will follow.
The width of the "org boxes" is set to 170, by moving the two containers left by 170 they first department will not be visible anymore and any department that was not visible in the container would appear. the reverse is true as well.
to do this
add the two icons and set the OnSelect events as mentioned:
two icons
1: < go left (OnSelect = UpdateContext({moveIt: galDepts - 170})
2: > go right (OnSelect = UpdateContext({moveIt: galDepts + 170})
Finally set blue container.X = moveIt
I Hope this is more descriptive,
R
