Can you please advise when should turn off the flex container "Clip Bounce" property?

HCL Volt MX Volt MX Forum
1
This thread was migrated from an old forum. It may contain information that are no longer valid. For further assistance, please post a new question or open a support ticket from the Customer Support portal.

I noticed in the online training video (Kony Travel app), when the trainer created a 'FlexHomecontent' flex container , he turned off the clip bounce property. I want to know why he did this and what the impacts are if he didn't turn off the clip bounce property there. I noticed that during the entire training, this is the only time he turned off the clip bonce property.

P.S. inside the 'flexHomeContent' Flexcontainer, there is a header component, a cordova browser, and a flex scroll container

2

Hi @Mvwtv Smith​ ,

I hope you are referring to "Clip Bounds" which is used to clip out any content which goes outside a flex or flexScroll.

Pls attached image in the first screen you can see that behaviour when the Clip Bounds is OFF the content in the flex can be seen even if the widgets in it are outside the height or width of it.

In second screen you can see the behaviour when the Clip Bounds is ON the content in the flex is cut off till its dimensions.

3

Hi @Kevin Jones​ ,

Thanks for your quick reply. just want to clarify the sample image you provided, is it the behavior that the user will see when running the app? does it mean when there is a flex scroll container inside the Flex container then i should turn off the "Clip Bounce" property? I don't understand why the trainer turned off the clip bounce property in the training video.. because all widgets were inside the flex container & nothing went outside of the flex container in the training video.

4

@Mvwtv Smith​ ,

You can see the behaviour of Clip Bounds even in the Visualizer Canvas also.

I've not seen the training video so I cannot comment on it. But we usually use it in case where there are chances that the content in the flex may go outside the dimensions of the flex maybe some dynamic text, etc. so as a precaution for the content not to overlap with the next flex we usually turn on that property. And also used for some animation specific scenarios.