Browse FAQs

What are the 3 states of Visibility in Vijeo XD v3.0 and how do I use the "Collapsed" state of Visibility?

Published date: 23 January 2019

Issue
What are the 3 states of Visibility in Vijeo XD v3.0 and how do I use the "Collapsed" state of Visibility?
 
Environment
Vijeo XD v3.0 Buildtime - Project Editor on a Windows PC
 
Resolution
The Visibility Animation actually works for 3 states of an Integer Variable.
When the value is:
0 - the object is Visible
1 - the object is Hidden
2 - the object is Collapsed 
 
In Content Screens of types "Uniform Grid", "Stack Panel" or "Dock Panel", objects can be placed adjacent to each other (stacked, or horizontally like a bookshelf). And when an object's Visibility in the middle is set to "Collapsed", it will disappear and be replaced by the multiple adjacent objects.
 
Please see the attached sample project and screenshots for a Stacked Panel example.
The project was created in Vijeo XD v3.0.20.
 
Steps used to create this project (see numbered screenshots):
1) Create a Content page 
2) Select the Container Type as Stacked Panel
3) Create objects in the Stacked Panel Content Page (colored rectangles in this example)
4) Assign an INT variable to each Rectangle object's Visibility Animation - See Variables.PNG
5) Add buttons to control the state of the integers (set to 0, 1, 2 for each INT Variable)
 
See the 5 Results screenshots for different example states of the stacked rectangles and their corresponding INT values.

Was this helpful?

What can we do to improve the information ?

Can't find what you are looking for?

Reach out to our customer care team to receive information on technical support, assistance for complaints and more.