Remove vertical separator in Flex 4.6 SplitViewNavigator in easy way

by admin on 18/01/2012

The vertical separator in the SplitViewNavigator introduced in Flex 4.6, is really an empty space between the leftNav and the rightNav.

This space can’t be removed in easy way, but a simple workaround is to color the background of the SplitViewNavigator with the same color of your views.

For example, if the color of your Views is white, you can add the attribute backgroundColor=”#ffffff” on the SplitViewNavigator tag like:


<s:SplitViewNavigator id="svn" width="100%" height="100%" backgroundColor="#ffffff">

<s:ViewNavigator id="leftNav" width="40%" height="100%" firstView="com.ssd.example.LeftNavExample"/>

<s:ViewNavigator id="rightNav" width="100%" height="100%" firstView="com.ssd.example.LeftNavExample"/>

</s:SplitViewNavigator>

That’s all :)

Tag:, , ,

No comments yet.

Write a comment: