Desktop Application . Flex Scroll container ->Paging . not working FlexScroll Container -> Horizontal scroll container Off not working

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.

Hi,

my requirement is to scroll the content horizontally when the no:of widgets inside the flex is more than 5.How can i do that

2

Hello

In case of scrolling one thing to remember is the scrolling will come up when the content is more than the view able area . So the first step is check the width of the flex container or flex scroll container whatever you are using that width should be less than the total width of all the child widgets used in the Flex then the scrolling comes up . So calculate the width of your 5 widget and that total should be greater than the Flex width in that case you will see the scrolling. Another point is set the scroll direction to horizontal in the flex scroll container properties.

With the above suggestion , I have tried and please find the screenshot for reference where we see horizontal scroll

3

@Audwey Ross​

To make sure we are on the same page, the issue is that, i dont want scroll bar to be displayed to the user.I wanted the feature of flex scroll to hide the scroll bar.

We have an option in Kony 8 to " turn On /OFF: Horizontal Scroll Indicator" .

I have turned it OFF in the widget properties , still i could see the scroll bar in the application.

Also, The FlexScrollContainer property : "Paging" is also not working.

Please help me with a solution

4

Hello ,

Thank you for giving the complete details of the issue . I have tried this on

Version 8 Service Pack 1 Fix Pack 5 by changing the Enable Scrolling property to Flex Scroll and tried the same sample that I have built .

I have observed the scroll bar is not seen but the scroll bar is coming by default from the browser . Even in case of Enable Scrolling on we are seeing the native scroll bar as well , in this case we will see double scroll bar . one is from native and one from the app.

Enable Scrolling option given is only for the application which is working fine. Can you please observed this and share your views on this.

5

Hi,​ I am sure you must have looked at our documentation for this. But just in case, here is some information from our doc library.

Here is some information on setting the properties for scrolling from our doc library.

scrollDirection

Specifies the direction in which the FlexScrollForm should scroll. This property is supported only when the scrollingEnabled property is set to true.

Following are the available options:

  • kony.flex.SCROLL_HORIZONTAL: Specifies the FlexScrollForm to scroll in horizontal direction.
  • kony.flex.SCROLL_VERTICAL: Specifies the FlexScrollForm to scroll in vertical direction.
  • kony.flex.SCROLL_BOTH: Specifies the FlexScrollForm to scroll in both the horizontal and vertical directions.
  • kony.flex.SCROLL_NONE: Specifies the FlexScrollForm not to scroll in any direction.

http://docs.kony.com/konyonpremises/Subsystems/Widget_User_Guide/Content/FlexScrollContainer_Basic_Properties.htm#scrollDi

For Paging, here is some info.

pagingEnabled

Specifies the whether the paging is enabled for the scroll container. If this property is set to true, the scroll view stops on multiples of the scroll view's bounds when the user scrolls.

Default: false

http://docs.kony.com/konyonpremises/Subsystems/Widget_User_Guide/Content/FlexScrollContainer_Basic_Properties.htm#pagingEn