I have found no resolution to this ! Anyone from Adobe please help ?
Did you succeed ?
There is three ways to solve your problem.
First one : the user can act on the visibility when he wants
Affect a min and a max widthes to the 'mobile' wiew
this widthes can be absolute or relative
the min width must not be 0,
20 is a good value to allow the user to rollOver
Add events listeners, rollOver and rollOut
on roll over affect max, on rollout affect min width
a tip : when you change the width of the smallest view, (ie the mobile wiew), you'll have to force the other one to 100 %, to force refresh
Second one : you programaticly acts
Dont use visibility, use width
smaller.width = 0;
other.percentWidth = 100;
third way : You offer the user a Slider,
this slider is in the mobile view
this slider is declared as is
and on changeEvent
var splitNavigator:SplitViewNavigator = navigator.parentNavigator as SplitViewNavigator; var listeVw:ViewNavigator = splitNavigator.getViewNavigatorAt(0) as ViewNavigator; listeVw.percentWidth = slid.value; var detailVw:ViewNavigator = splitNavigator.getViewNavigatorAt(1) as ViewNavigator; detailVw.percentWidth = 100;"
in this example
- listeVw is the small, mobile view
- detailVw the bigger one
Be sure that autoHideFirstViewNavigator="false"
It works fine, on both of the orientations of the device (tested only with iPad yet)
Hoping it's helpfull
Tell me back : if you're still unsuccessfull, i'll send you a small project