You are viewing a plain text version of this content. The canonical link for it is here.
Posted to users@flex.apache.org by Saju Thankathurai <sa...@gmail.com> on 2014/04/04 17:07:25 UTC
Flex mobile air build- Scrollbar issue
Hi
I have a <s:List> control in my Flex mobile application. In mobile the
scrolling is working fine.
I made a release build of my Flex mobile project in to *air* installer
file. In desktop, after installing the file, i could not see the vertical
scrollbar. How to enable that? I need a normal scroll bar to be visible so
that users can use the scrollbar to view the data in list.
Below is my code snippet
<s:Scroller width="100%" height="100%" pageScrollingEnabled="true"
verticalScrollPolicy="on">
<s:VGroup width="100%" height="100%" paddingTop="10" paddingRight="20"
paddingLeft="20" paddingBottom="10">
<s:List id="myList" left="0" right="0" top="0" bottom="0"
change="applyTransition()" width="100%" height="100%"
dataProvider="{data}" borderVisible="true" styleName="myStyle">
<s:itemRenderer>
<fx:Component>
<s:IconItemRenderer label="{data.firstName} {data.lastName}"
messageField="city"/>
</fx:Component>
</s:itemRenderer>
</s:List>
</s:VGroup>
</s:Scroller>
--
Regards
Saju Thankathurai,
Re: Flex mobile air build- Scrollbar issue
Posted by Saju Thankathurai <sa...@gmail.com>.
Thanks Lee.
On Fri, Apr 4, 2014 at 8:57 PM, Lee Burrows <su...@leeburrows.com>wrote:
> actually, i dont think that will work (i didnt notice it was for a desktop
> app)
>
> mobile scroller only shows scrollbar when scrolling is underway - you'll
> need to use the desktop skin or subclass the mobile version and adapt it.
>
>
>
> On 04/04/2014 16:20, Lee Burrows wrote:
>
>> try setting verticalScrollPolicy on the list, not the scroller
>>
>> On 04/04/2014 16:07, Saju Thankathurai wrote:
>>
>>> Hi
>>>
>>> I have a <s:List> control in my Flex mobile application. In mobile the
>>> scrolling is working fine.
>>>
>>> I made a release build of my Flex mobile project in to *air* installer
>>> file. In desktop, after installing the file, i could not see the vertical
>>> scrollbar. How to enable that? I need a normal scroll bar to be visible
>>> so
>>> that users can use the scrollbar to view the data in list.
>>>
>>> Below is my code snippet
>>>
>>> <s:Scroller width="100%" height="100%" pageScrollingEnabled="true"
>>> verticalScrollPolicy="on">
>>> <s:VGroup width="100%" height="100%" paddingTop="10" paddingRight="20"
>>> paddingLeft="20" paddingBottom="10">
>>>
>>> <s:List id="myList" left="0" right="0" top="0" bottom="0"
>>> change="applyTransition()" width="100%" height="100%"
>>> dataProvider="{data}" borderVisible="true" styleName="myStyle">
>>> <s:itemRenderer>
>>> <fx:Component>
>>> <s:IconItemRenderer label="{data.firstName} {data.lastName}"
>>> messageField="city"/>
>>> </fx:Component>
>>> </s:itemRenderer>
>>> </s:List>
>>> </s:VGroup>
>>> </s:Scroller>
>>>
>>>
>>>
>>
>>
>>
>> --
>> Lee Burrows
>> ActionScripter
>>
>
>
> --
> Lee Burrows
> ActionScripter
>
>
--
Regards
Saju Thankathurai,
Re: Flex mobile air build- Scrollbar issue
Posted by Lee Burrows <su...@leeburrows.com>.
actually, i dont think that will work (i didnt notice it was for a
desktop app)
mobile scroller only shows scrollbar when scrolling is underway - you'll
need to use the desktop skin or subclass the mobile version and adapt it.
On 04/04/2014 16:20, Lee Burrows wrote:
> try setting verticalScrollPolicy on the list, not the scroller
>
> On 04/04/2014 16:07, Saju Thankathurai wrote:
>> Hi
>>
>> I have a <s:List> control in my Flex mobile application. In mobile the
>> scrolling is working fine.
>>
>> I made a release build of my Flex mobile project in to *air* installer
>> file. In desktop, after installing the file, i could not see the vertical
>> scrollbar. How to enable that? I need a normal scroll bar to be visible so
>> that users can use the scrollbar to view the data in list.
>>
>> Below is my code snippet
>>
>> <s:Scroller width="100%" height="100%" pageScrollingEnabled="true"
>> verticalScrollPolicy="on">
>> <s:VGroup width="100%" height="100%" paddingTop="10" paddingRight="20"
>> paddingLeft="20" paddingBottom="10">
>>
>> <s:List id="myList" left="0" right="0" top="0" bottom="0"
>> change="applyTransition()" width="100%" height="100%"
>> dataProvider="{data}" borderVisible="true" styleName="myStyle">
>> <s:itemRenderer>
>> <fx:Component>
>> <s:IconItemRenderer label="{data.firstName} {data.lastName}"
>> messageField="city"/>
>> </fx:Component>
>> </s:itemRenderer>
>> </s:List>
>> </s:VGroup>
>> </s:Scroller>
>>
>>
>
>
>
>
> --
> Lee Burrows
> ActionScripter
--
Lee Burrows
ActionScripter
RE: Flex mobile air build- Scrollbar issue
Posted by Maurice Amsellem <ma...@systar.com>.
> Just adding *interactionMode="mouse" *in <s:List> control fixes the issue.
Yes, that's it.
-----Message d'origine-----
De : Saju Thankathurai [mailto:sathikeshjith@gmail.com]
Envoyé : vendredi 4 avril 2014 19:09
À : users@flex.apache.org
Objet : Re: Flex mobile air build- Scrollbar issue
Hi,
I have found a solution for this in this site..
http://polygeek.com/2012/01/10/adding-scrollbars-to-a-mobile-list-component/
Just adding *interactionMode="mouse" *in <s:List> control fixes the issue.
On Fri, Apr 4, 2014 at 9:26 PM, Saju Thankathurai
<sa...@gmail.com>wrote:
> Hi Maurice,
>
> I cloned a copy of my flex mobile project and made a release build to
> run as a desktop app.
>
> I am not using any mobile skin. Do i need to extend ListSkin class?
>
>
> On Fri, Apr 4, 2014 at 9:00 PM, Maurice Amsellem <
> maurice.amsellem@systar.com> wrote:
>
>> Are you trying to use a List with a mobile skin in Desktop ?
>>
>> Maurice
>>
>> -----Message d'origine-----
>> De : Saju Thankathurai [mailto:sathikeshjith@gmail.com] Envoyé :
>> vendredi 4 avril 2014 17:28 À : users@flex.apache.org Objet : Re:
>> Flex mobile air build- Scrollbar issue
>>
>> Hi Lee,
>>
>> Tried setting verticalScrollPolicy in List.. But still i am not
>> getting a scroll bar on right side. I have to mouse click and drag
>> up/down to move the list..
>>
>> <s:Scroller width="100%" height="100%" pageScrollingEnabled="true">
>>
>> <s:VGroup width="100%" height="100%" paddingTop="10" paddingRight="20"
>> paddingLeft="20" paddingBottom="10">
>>
>> <s:List id="myList" left="0" right="0" top="0" bottom="0"
>> change="applyTransition()" width="100%" height="100%"
>> dataProvider="{data}" borderVisible="true" styleName="myStyle"
>> verticalScrollPolicy="on">
>> <s:itemRenderer>
>> <fx:Component>
>> <s:IconItemRenderer label="{data.firstName} {data.lastName}"
>> messageField="city"/>
>> </fx:Component>
>> </s:itemRenderer>
>> </s:List>
>> </s:VGroup>
>> </s:Scroller>
>>
>>
>> On Fri, Apr 4, 2014 at 8:50 PM, Lee Burrows
>> <subscriptions@leeburrows.com
>> >wrote:
>>
>> > try setting verticalScrollPolicy on the list, not the scroller
>> >
>> >
>> > On 04/04/2014 16:07, Saju Thankathurai wrote:
>> >
>> >> Hi
>> >>
>> >> I have a <s:List> control in my Flex mobile application. In mobile
>> >> the scrolling is working fine.
>> >>
>> >> I made a release build of my Flex mobile project in to *air*
>> >> installer
>> >>
>> >> file. In desktop, after installing the file, i could not see the
>> >> vertical scrollbar. How to enable that? I need a normal scroll bar
>> >> to be visible so that users can use the scrollbar to view the data
>> >> in
>> list.
>> >>
>> >> Below is my code snippet
>> >>
>> >> <s:Scroller width="100%" height="100%" pageScrollingEnabled="true"
>> >> verticalScrollPolicy="on">
>> >> <s:VGroup width="100%" height="100%" paddingTop="10"
>> paddingRight="20"
>> >> paddingLeft="20" paddingBottom="10">
>> >>
>> >> <s:List id="myList" left="0" right="0" top="0" bottom="0"
>> >> change="applyTransition()" width="100%" height="100%"
>> >> dataProvider="{data}" borderVisible="true" styleName="myStyle">
>> >> <s:itemRenderer>
>> >> <fx:Component>
>> >> <s:IconItemRenderer label="{data.firstName} {data.lastName}"
>> >> messageField="city"/>
>> >> </fx:Component>
>> >> </s:itemRenderer>
>> >> </s:List>
>> >> </s:VGroup>
>> >> </s:Scroller>
>> >>
>> >>
>> >>
>> >
>> >
>> >
>> > --
>> > Lee Burrows
>> > ActionScripter
>> >
>> >
>>
>>
>> --
>>
>> Regards
>>
>>
>> Saju Thankathurai,
>> Ph:+91-9449161313
>>
>> *"We **cannot do great things on this Earth, only small things with
>> great
>> love"*
>> *-Mother Teresa (1910-1997)*
>>
>
>
>
> --
>
> Regards
> Saju Thankathurai,
>
>
--
Regards
Saju Thankathurai,
Re: Flex mobile air build- Scrollbar issue
Posted by Saju Thankathurai <sa...@gmail.com>.
Hi,
I have found a solution for this in this site..
http://polygeek.com/2012/01/10/adding-scrollbars-to-a-mobile-list-component/
Just adding *interactionMode="mouse" *in <s:List> control fixes the issue.
On Fri, Apr 4, 2014 at 9:26 PM, Saju Thankathurai
<sa...@gmail.com>wrote:
> Hi Maurice,
>
> I cloned a copy of my flex mobile project and made a release build to run
> as a desktop app.
>
> I am not using any mobile skin. Do i need to extend ListSkin class?
>
>
> On Fri, Apr 4, 2014 at 9:00 PM, Maurice Amsellem <
> maurice.amsellem@systar.com> wrote:
>
>> Are you trying to use a List with a mobile skin in Desktop ?
>>
>> Maurice
>>
>> -----Message d'origine-----
>> De : Saju Thankathurai [mailto:sathikeshjith@gmail.com]
>> Envoyé : vendredi 4 avril 2014 17:28
>> À : users@flex.apache.org
>> Objet : Re: Flex mobile air build- Scrollbar issue
>>
>> Hi Lee,
>>
>> Tried setting verticalScrollPolicy in List.. But still i am not getting a
>> scroll bar on right side. I have to mouse click and drag up/down to move
>> the list..
>>
>> <s:Scroller width="100%" height="100%" pageScrollingEnabled="true">
>>
>> <s:VGroup width="100%" height="100%" paddingTop="10" paddingRight="20"
>> paddingLeft="20" paddingBottom="10">
>>
>> <s:List id="myList" left="0" right="0" top="0" bottom="0"
>> change="applyTransition()" width="100%" height="100%"
>> dataProvider="{data}" borderVisible="true" styleName="myStyle"
>> verticalScrollPolicy="on">
>> <s:itemRenderer>
>> <fx:Component>
>> <s:IconItemRenderer label="{data.firstName} {data.lastName}"
>> messageField="city"/>
>> </fx:Component>
>> </s:itemRenderer>
>> </s:List>
>> </s:VGroup>
>> </s:Scroller>
>>
>>
>> On Fri, Apr 4, 2014 at 8:50 PM, Lee Burrows <subscriptions@leeburrows.com
>> >wrote:
>>
>> > try setting verticalScrollPolicy on the list, not the scroller
>> >
>> >
>> > On 04/04/2014 16:07, Saju Thankathurai wrote:
>> >
>> >> Hi
>> >>
>> >> I have a <s:List> control in my Flex mobile application. In mobile
>> >> the scrolling is working fine.
>> >>
>> >> I made a release build of my Flex mobile project in to *air*
>> >> installer
>> >>
>> >> file. In desktop, after installing the file, i could not see the
>> >> vertical scrollbar. How to enable that? I need a normal scroll bar to
>> >> be visible so that users can use the scrollbar to view the data in
>> list.
>> >>
>> >> Below is my code snippet
>> >>
>> >> <s:Scroller width="100%" height="100%" pageScrollingEnabled="true"
>> >> verticalScrollPolicy="on">
>> >> <s:VGroup width="100%" height="100%" paddingTop="10"
>> paddingRight="20"
>> >> paddingLeft="20" paddingBottom="10">
>> >>
>> >> <s:List id="myList" left="0" right="0" top="0" bottom="0"
>> >> change="applyTransition()" width="100%" height="100%"
>> >> dataProvider="{data}" borderVisible="true" styleName="myStyle">
>> >> <s:itemRenderer>
>> >> <fx:Component>
>> >> <s:IconItemRenderer label="{data.firstName} {data.lastName}"
>> >> messageField="city"/>
>> >> </fx:Component>
>> >> </s:itemRenderer>
>> >> </s:List>
>> >> </s:VGroup>
>> >> </s:Scroller>
>> >>
>> >>
>> >>
>> >
>> >
>> >
>> > --
>> > Lee Burrows
>> > ActionScripter
>> >
>> >
>>
>>
>> --
>>
>> Regards
>>
>>
>> Saju Thankathurai,
>> Ph:+91-9449161313
>>
>> *"We **cannot do great things on this Earth, only small things with great
>> love"*
>> *-Mother Teresa (1910-1997)*
>>
>
>
>
> --
>
> Regards
> Saju Thankathurai,
>
>
--
Regards
Saju Thankathurai,
Re: Flex mobile air build- Scrollbar issue
Posted by Saju Thankathurai <sa...@gmail.com>.
Hi Maurice,
I cloned a copy of my flex mobile project and made a release build to run
as a desktop app.
I am not using any mobile skin. Do i need to extend ListSkin class?
On Fri, Apr 4, 2014 at 9:00 PM, Maurice Amsellem <
maurice.amsellem@systar.com> wrote:
> Are you trying to use a List with a mobile skin in Desktop ?
>
> Maurice
>
> -----Message d'origine-----
> De : Saju Thankathurai [mailto:sathikeshjith@gmail.com]
> Envoyé : vendredi 4 avril 2014 17:28
> À : users@flex.apache.org
> Objet : Re: Flex mobile air build- Scrollbar issue
>
> Hi Lee,
>
> Tried setting verticalScrollPolicy in List.. But still i am not getting a
> scroll bar on right side. I have to mouse click and drag up/down to move
> the list..
>
> <s:Scroller width="100%" height="100%" pageScrollingEnabled="true">
>
> <s:VGroup width="100%" height="100%" paddingTop="10" paddingRight="20"
> paddingLeft="20" paddingBottom="10">
>
> <s:List id="myList" left="0" right="0" top="0" bottom="0"
> change="applyTransition()" width="100%" height="100%"
> dataProvider="{data}" borderVisible="true" styleName="myStyle"
> verticalScrollPolicy="on">
> <s:itemRenderer>
> <fx:Component>
> <s:IconItemRenderer label="{data.firstName} {data.lastName}"
> messageField="city"/>
> </fx:Component>
> </s:itemRenderer>
> </s:List>
> </s:VGroup>
> </s:Scroller>
>
>
> On Fri, Apr 4, 2014 at 8:50 PM, Lee Burrows <subscriptions@leeburrows.com
> >wrote:
>
> > try setting verticalScrollPolicy on the list, not the scroller
> >
> >
> > On 04/04/2014 16:07, Saju Thankathurai wrote:
> >
> >> Hi
> >>
> >> I have a <s:List> control in my Flex mobile application. In mobile
> >> the scrolling is working fine.
> >>
> >> I made a release build of my Flex mobile project in to *air*
> >> installer
> >>
> >> file. In desktop, after installing the file, i could not see the
> >> vertical scrollbar. How to enable that? I need a normal scroll bar to
> >> be visible so that users can use the scrollbar to view the data in list.
> >>
> >> Below is my code snippet
> >>
> >> <s:Scroller width="100%" height="100%" pageScrollingEnabled="true"
> >> verticalScrollPolicy="on">
> >> <s:VGroup width="100%" height="100%" paddingTop="10" paddingRight="20"
> >> paddingLeft="20" paddingBottom="10">
> >>
> >> <s:List id="myList" left="0" right="0" top="0" bottom="0"
> >> change="applyTransition()" width="100%" height="100%"
> >> dataProvider="{data}" borderVisible="true" styleName="myStyle">
> >> <s:itemRenderer>
> >> <fx:Component>
> >> <s:IconItemRenderer label="{data.firstName} {data.lastName}"
> >> messageField="city"/>
> >> </fx:Component>
> >> </s:itemRenderer>
> >> </s:List>
> >> </s:VGroup>
> >> </s:Scroller>
> >>
> >>
> >>
> >
> >
> >
> > --
> > Lee Burrows
> > ActionScripter
> >
> >
>
>
> --
>
> Regards
>
>
> Saju Thankathurai,
> Ph:+91-9449161313
>
> *"We **cannot do great things on this Earth, only small things with great
> love"*
> *-Mother Teresa (1910-1997)*
>
--
Regards
Saju Thankathurai,
RE: Flex mobile air build- Scrollbar issue
Posted by Maurice Amsellem <ma...@systar.com>.
Are you trying to use a List with a mobile skin in Desktop ?
Maurice
-----Message d'origine-----
De : Saju Thankathurai [mailto:sathikeshjith@gmail.com]
Envoyé : vendredi 4 avril 2014 17:28
À : users@flex.apache.org
Objet : Re: Flex mobile air build- Scrollbar issue
Hi Lee,
Tried setting verticalScrollPolicy in List.. But still i am not getting a scroll bar on right side. I have to mouse click and drag up/down to move the list..
<s:Scroller width="100%" height="100%" pageScrollingEnabled="true">
<s:VGroup width="100%" height="100%" paddingTop="10" paddingRight="20"
paddingLeft="20" paddingBottom="10">
<s:List id="myList" left="0" right="0" top="0" bottom="0"
change="applyTransition()" width="100%" height="100%"
dataProvider="{data}" borderVisible="true" styleName="myStyle"
verticalScrollPolicy="on">
<s:itemRenderer>
<fx:Component>
<s:IconItemRenderer label="{data.firstName} {data.lastName}"
messageField="city"/>
</fx:Component>
</s:itemRenderer>
</s:List>
</s:VGroup>
</s:Scroller>
On Fri, Apr 4, 2014 at 8:50 PM, Lee Burrows <su...@leeburrows.com>wrote:
> try setting verticalScrollPolicy on the list, not the scroller
>
>
> On 04/04/2014 16:07, Saju Thankathurai wrote:
>
>> Hi
>>
>> I have a <s:List> control in my Flex mobile application. In mobile
>> the scrolling is working fine.
>>
>> I made a release build of my Flex mobile project in to *air*
>> installer
>>
>> file. In desktop, after installing the file, i could not see the
>> vertical scrollbar. How to enable that? I need a normal scroll bar to
>> be visible so that users can use the scrollbar to view the data in list.
>>
>> Below is my code snippet
>>
>> <s:Scroller width="100%" height="100%" pageScrollingEnabled="true"
>> verticalScrollPolicy="on">
>> <s:VGroup width="100%" height="100%" paddingTop="10" paddingRight="20"
>> paddingLeft="20" paddingBottom="10">
>>
>> <s:List id="myList" left="0" right="0" top="0" bottom="0"
>> change="applyTransition()" width="100%" height="100%"
>> dataProvider="{data}" borderVisible="true" styleName="myStyle">
>> <s:itemRenderer>
>> <fx:Component>
>> <s:IconItemRenderer label="{data.firstName} {data.lastName}"
>> messageField="city"/>
>> </fx:Component>
>> </s:itemRenderer>
>> </s:List>
>> </s:VGroup>
>> </s:Scroller>
>>
>>
>>
>
>
>
> --
> Lee Burrows
> ActionScripter
>
>
--
Regards
Saju Thankathurai,
Ph:+91-9449161313
*"We **cannot do great things on this Earth, only small things with great
love"*
*-Mother Teresa (1910-1997)*
Re: Flex mobile air build- Scrollbar issue
Posted by Saju Thankathurai <sa...@gmail.com>.
Hi Lee,
Tried setting verticalScrollPolicy in List.. But still i am not getting a
scroll bar on right side. I have to mouse click and drag up/down to move
the list..
<s:Scroller width="100%" height="100%" pageScrollingEnabled="true">
<s:VGroup width="100%" height="100%" paddingTop="10" paddingRight="20"
paddingLeft="20" paddingBottom="10">
<s:List id="myList" left="0" right="0" top="0" bottom="0"
change="applyTransition()" width="100%" height="100%"
dataProvider="{data}" borderVisible="true" styleName="myStyle"
verticalScrollPolicy="on">
<s:itemRenderer>
<fx:Component>
<s:IconItemRenderer label="{data.firstName} {data.lastName}"
messageField="city"/>
</fx:Component>
</s:itemRenderer>
</s:List>
</s:VGroup>
</s:Scroller>
On Fri, Apr 4, 2014 at 8:50 PM, Lee Burrows <su...@leeburrows.com>wrote:
> try setting verticalScrollPolicy on the list, not the scroller
>
>
> On 04/04/2014 16:07, Saju Thankathurai wrote:
>
>> Hi
>>
>> I have a <s:List> control in my Flex mobile application. In mobile the
>> scrolling is working fine.
>>
>> I made a release build of my Flex mobile project in to *air* installer
>>
>> file. In desktop, after installing the file, i could not see the vertical
>> scrollbar. How to enable that? I need a normal scroll bar to be visible so
>> that users can use the scrollbar to view the data in list.
>>
>> Below is my code snippet
>>
>> <s:Scroller width="100%" height="100%" pageScrollingEnabled="true"
>> verticalScrollPolicy="on">
>> <s:VGroup width="100%" height="100%" paddingTop="10" paddingRight="20"
>> paddingLeft="20" paddingBottom="10">
>>
>> <s:List id="myList" left="0" right="0" top="0" bottom="0"
>> change="applyTransition()" width="100%" height="100%"
>> dataProvider="{data}" borderVisible="true" styleName="myStyle">
>> <s:itemRenderer>
>> <fx:Component>
>> <s:IconItemRenderer label="{data.firstName} {data.lastName}"
>> messageField="city"/>
>> </fx:Component>
>> </s:itemRenderer>
>> </s:List>
>> </s:VGroup>
>> </s:Scroller>
>>
>>
>>
>
>
>
> --
> Lee Burrows
> ActionScripter
>
>
--
Regards
Saju Thankathurai,
Ph:+91-9449161313
*"We **cannot do great things on this Earth, only small things with great
love"*
*-Mother Teresa (1910-1997)*
Re: Flex mobile air build- Scrollbar issue
Posted by Lee Burrows <su...@leeburrows.com>.
try setting verticalScrollPolicy on the list, not the scroller
On 04/04/2014 16:07, Saju Thankathurai wrote:
> Hi
>
> I have a <s:List> control in my Flex mobile application. In mobile the
> scrolling is working fine.
>
> I made a release build of my Flex mobile project in to *air* installer
> file. In desktop, after installing the file, i could not see the vertical
> scrollbar. How to enable that? I need a normal scroll bar to be visible so
> that users can use the scrollbar to view the data in list.
>
> Below is my code snippet
>
> <s:Scroller width="100%" height="100%" pageScrollingEnabled="true"
> verticalScrollPolicy="on">
> <s:VGroup width="100%" height="100%" paddingTop="10" paddingRight="20"
> paddingLeft="20" paddingBottom="10">
>
> <s:List id="myList" left="0" right="0" top="0" bottom="0"
> change="applyTransition()" width="100%" height="100%"
> dataProvider="{data}" borderVisible="true" styleName="myStyle">
> <s:itemRenderer>
> <fx:Component>
> <s:IconItemRenderer label="{data.firstName} {data.lastName}"
> messageField="city"/>
> </fx:Component>
> </s:itemRenderer>
> </s:List>
> </s:VGroup>
> </s:Scroller>
>
>
--
Lee Burrows
ActionScripter