Smooth s:Scroller Component in Flex4

Hi at all,
can i create a smooth <s:Scroller> component in Flex4?
I would like moving the thumb movement was smooth.
<s:Scroller width="80%" height="80%"
                horizontalCenter="0" verticalCenter="0">       
        <local:Dummy id="dummy"
                 clipAndEnableScrolling="true" />
    </s:Scroller>
Dummy components contains an Image 2000x2000px
Thanks

When you say "smooth" do you mean you want to animate the scrollbars?
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
               xmlns:s="library://ns.adobe.com/flex/spark">
    <fx:Declarations>
        <s:Animate id="myAnimate" target="{scroller.viewport}">
            <s:SimpleMotionPath property="verticalScrollPosition" valueBy="100" />
            <s:SimpleMotionPath property="horizontalScrollPosition" valueBy="100" />
        </s:Animate>
    </fx:Declarations>
    <s:controlBarContent>
        <s:Button label="scroll" click="myAnimate.play()" />
    </s:controlBarContent>
    <s:Scroller id="scroller" width="300" height="300">
        <s:Group>
            <s:Button label="large button" width="1200" height="1200" />    
        </s:Group>
    </s:Scroller>
</s:Application>

Similar Messages

  • No smooth document scroll in Reader 11.0.03 in OSX 10.8.4?

    Hi,
    I was wondering if it is possible to smoothly scroll though a PDF document in Reader 11.0.03 running in OSX 10.8.3.
    Virtually all applications (except Reader) can smoothly scroll through a page. What happens with Reader is that it scrolls line by line (sometimes half line), section by section or paragraph by paragraph instead of pixe by pixel. All this of course depending on document.
    Needless to say that e.g. the same document scrolls "normally" with Preview, PDFPenPro, Skim, just to name a few PDF viewing applications.
    Similar questions have been asked here but they were referring to the smooth page scroll which is not what I mean.
    Has anyone any idea about this issue?
    Thanks and regards

    Hey McBlob,
    Thank for your reply.
    Yes this way also works much like print as image.
    But I guess what I am trying to find out is there a way so the user will not have to do this work around?
    Is this a known issue related with Adobe Reader or is this a once off issue?
    Is there something needs to be done during the creation of the PDF?

  • JSF scroller component Frustration why isn't component rendering in jspx.

    Based originally on Sun Microsystem's OWN "Components Demo" this tag library is for the custom
    components used in the Virtual Sports Trainer Example Demo. Found inside the book "The Complete Reference JavaServer Faces". Which coincidentally was written by Sun's own Chris Schalk and Ed Burns. I"m having problems getting this component to work (render inside a jspx document). Any insight as to why or how to fix this would be greatly appreciated. And I just want to gain any insight or feedback as to why it's not displaying the t:scroller component. Thats all. I'm displaying the jspx document below a SINGLE jspx document. As I know anything more than 200 lines scares everybody. The cusomtom scroll component/pagination is at the bottom t:scroll. I can only display snippets of the jspx for brevity and the character limit.
    <?xml version="1.0" encoding="UTF-8" ?>
    <jsp:root version="1.2" xmlns:jsp="http://java.sun.com/JSP/Page"
         xmlns:f="http://java.sun.com/jsf/core"
         xmlns:h="http://java.sun.com/jsf/html"
         xmlns:t="http://virtualsportstrainer.com/trainercomponents"
         xmlns:ui="http://java.sun.com/jsf/facelets">
         <jsp:directive.page contentType="text/html;charset=UTF-8"
              pageEncoding="UTF-8" />
         <jsp:text>
              <![CDATA[ <?xml version="1.0" encoding="UTF-8" ?> ]]>
         </jsp:text>
         <jsp:text>
              <![CDATA[ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> ]]>
         </jsp:text>
                             <!-- Custom Scroller Component -->
                             <t:scroller navFacetOrientation="NORTH" for="eventsTable"
                                  actionListener="#{Main_Backing.processScrollEvent}">                    
                             <f:facet name="next">
                             <h:panelGroup>
    <h:outputText value="Next"/>
    <h:graphicImage url="/images/arrow-right.gif" />
    </h:panelGroup>
    </f:facet>
                             <f:facet name="previous">
                                  <h:panelGroup>
                                       <h:graphicImage url="/images/arrow-left.gif" />
                                       <h:outputText value="Previous" />
                                  </h:panelGroup>
                             </f:facet>
                             </t:scroller>
                        </h:form>
                   </body>
              </html>
         </f:view>
    </jsp:root>

    It's being added like this:
    PopUpManager.addPopUp(this.whyYouShouldJoinPopup,this,true);
    PopUpManager.centerPopUp(this.whyYouShouldJoinPopup);
    It's being called inside a Component, not inside the main MXML file. So this is not a reference to the application class, but a component.  Is that a problem?

  • Scroller Component not working with TabbedViewNavigator Component (Flex Mobile)

    SETUP:
    -The Application itself is a MobileApplication, not TabbedMobileApplication.
    -One of my pages/views (we'll call it "TabbedPage") incorporates the TabbedViewNavigator component, which calls on two other pages/views in my "views" folder; we'll call them "TabbedPageOne" and "TabbedPageTwo"; the other pages within the application are just regular View pages with components on stage, including a page that also incorporates the Scroller component, which functions properly without a hitch.
    -TabbedPageOne incorporates a Scroller component (followed by a VGroup component as required) that is constrained to the whole screen (left, right, top, & bottom all equal "0").
    -At runtime (on my desktop and device), when I navigate to the TabbedPage page -- consisting of TabbedPageOne & TabbedPageTwo -- the Scroller component will not scroll.
         ---Sidenote: I filled the page with components like buttons and labels to fill the page to the point of activating the scroll function, and although the buttons were still functioning (meaning they still respond to touch events), the Scroller still did not function.
    Is there something I'm missing or doing wrong, or is this a glitch within the Flex Framework?
    You help would be greatly appreciated!

    Sure!
    --------------------------------------------------- MAIN.mxml ------------------------------------------------------------
    <?xml version="1.0" encoding="utf-8"?><s:MobileApplication xmlns:fx="http://ns.adobe.com/mxml/2009"xmlns:s="
    library://ns.adobe.com/flex/spark"backgroundColor="
    #FFFFFF" firstView="views.TabbedPage"frameRate="
    60"splashScreenImage="
    @Embed('splashScreen.jpg')">
     <fx:Declarations>
     <!-- Place non-visual elements (e.g., services, value objects) here -->
     </fx:Declarations>
    </s:MobileApplication>
    -------------------------------------------------------------- TABBEDPAGE.mxml ---------------------------------------------------------------------
    <?xml version="1.0" encoding="utf-8"?><s:View  xmlns:fx="http://ns.adobe.com/mxml/2009"xmlns:s="
    library://ns.adobe.com/flex/spark"actionBarVisible="
    false" tabBarVisible="false" title="TabbedPage">
     <fx:Declarations>
     <!-- Place non-visual elements (e.g., services, value objects) here -->
     </fx:Declarations>
     <s:TabbedViewNavigator left="0" right="0" top="0" bottom="0">
     <s:ViewNavigator label="One" firstView="views.TabbedPageOne"/>
     <s:ViewNavigator label="Two" firstView="views.TabbedPageTwo"/>
     </s:TabbedViewNavigator>
     </s:View> </s:MobileApplication>  
    ---------------------------------------------------------------- TABBEDPAGEONE.mxml ------------------------------------------------------------------------
    <?xml version="1.0" encoding="utf-8"?><s:View  xmlns:fx="http://ns.adobe.com/mxml/2009"xmlns:s="
    library://ns.adobe.com/flex/spark"actionBarVisible="
    false" tabBarVisible="true" title="TabbedPageOne">
     <fx:Declarations>
     <!-- Place non-visual elements (e.g., services, value objects) here -->
     </fx:Declarations>
     <s:Label x="0" y="0" width="420" height="76" color="#000000" text="One"/>
     <s:Scroller left="0" right="0" top="40" bottom="0">
     <s:VGroup x="0" y="0" width="100%" height="100%">
    <!-- I just created these buttons so that the page scrolls--><s:Button label="Button"/>
    <s:Button label="Button"/>
    <s:Button label="Button"/>
    <s:Button label="Button"/>
    <s:Button label="Button"/>
    <s:Button label="Button"/>
    <s:Button label="Button"/>
    <s:Button label="Button"/>
    <s:Button label="Button"/>
    <s:Button label="Button"/>
    <s:Button label="Button"/>
    <s:Button label="Button"/>
     </s:VGroup>
     </s:Scroller></s:View>

  • Smooth Horizontal scroll

    Hey,
    I'm making this website and I need to implement a smooth Jquery horizontal scroll. Can anyone help me?
    My website contains 3 parts; home, maintoblue (middle-part), blue (page with actual content). Right now I've linked an object on the home page to the blue page. however, when you click on this object (which is a blank.gif) it goes to the "blue" page instantly, while I want it smoothly to scroll to the "blue"page, so that visitors will see the "maintoblue" page passing by.
    My code is as follows, I need a smooth scroll from "home" to "blue"
    <body>
    <div id="home" class="container"><a href="#blue" title="logo"><a href="#blue" title="luuk van kuijck"><img src="../blank.gif" alt="blank" width="300" height="100" hspace="100" vspace="395" border="0" /></a></div>
    <div id="maintoblue" class="container">
            </div>
    <div id="blue" class="container alt">
    <span class="home"><a href="#home" alt="website home"><img src="../home.png" width="50" height="26" alt="home" /></a></span>
    Thank you so much in advance

    Dear Nancy,
    That's exactly what I need!
    However, I dont get it to work.. I have downloaded the scripts, added it to my code.. but there's no result. If I click on the image it goes to the blue page instantly, it doesn't scroll..  Do you think this is because I want it to scroll horizontally?
    This is how my code looks like right now:
    <link href="../style.css" rel="stylesheet" type="text/css" />
        <script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js'></script>
        <script type='text/javascript' src='../js/jquery.scrollTo-min.js'></script>
        <script type='text/javascript' src='../js/jquery.scrollTo.js'></script>
    </head>
    <body>
    <div id="home" class="container"><a title="$.scrollTo( '#blue', 800, {easing:'elasout'} );" href="#blue"><img src="../blank.gif" alt="blank" width="300" height="100" hspace="100" vspace="395" border="0" /></a></div>
    <div id="maintoblue" class="container">
            </div>
    <div id="blue" class="container alt">
    <span class="home"><a title="$.scrollTo( '#home', 800, {easing:'elasout'} );" href="#home"><img src="../home.png" width="50" height="26" alt="home" /></a></span>
    ................etc
    Hope you can help me out one more time. Thanks a lot.

  • How can I change the default wording of scrolling component for datatable

    Hi,
    Is it possible to change the default wording (i.e. "previous n" and "next n") shown on scrolling component for datatable? how ?
    I created a datatable based on a custom vector bean class. By default the count shown on scrolling component indicates number of rows (i.e. first 2 rows, next 2 rows). What I want is to show (if it is a 2X2 table) first 4 (items) and next 4 (items).
    Any suggestion?

    Not only can you set global values for each of the three columns, but you can also set unique column widths on a per community basis like this:
    .ptCommunity-1234 .columnOne { width: 635px; border-right:1px solid #CCCCCC; padding-top: 10px; padding-right: 20px; }
    .ptCommunity-1234 .columnTwo { width: 240px; padding-top: 10px; padding-left: 8px;}
    You can see here my community #1234 has a wide first column and a more narrow column two and even puts a little solid line between them.
    It's all in the stylesheets on your imageserver at the path I mentioned earlier. Again, look at the experience definition object in your admin portal and look at the stylesheet name in the dropbox. The stylesheet name you see is mapped to the .css file using the community-themes.txt file in the same ...yadayada/common/public/css folder on the imageserver.
    If you have, lets say, a mainstyle1-en.css that only has about a dozen lines dictating only the few items you mentioned before - then it has been stripped at one time because the default that comes w/ an original install is huge and a great starting point. It even has style tips and snippets in comment blocks to tutor you through its gargantuan variety of options.

  • Question: how to change speed of smooth site scrolling?

    Hi there,
    where in the code can I reduce the speed of the smooth scrolling for single pages?
    Thanks in advance,
    bartl

    You can use OSX Disk Utility to burn the image file created in DVDSP and choose there the burn speed. Take a look to this link aboutCreating Disc Image in DVDSP (from www.kenstone.net site)
    Hope it helps!
      Alberto

  • XML formatting with scroll component

    Hi All,
    I am using CS5, AS3 and the scrollbar component as well as dynamic text from an XML file. I can format the text (color) in my XML that IS NOT being pulled into the scrollbar text. However, I have had no success formatting anything that is to scroll.
    I have tried with and without CDDATA tags and nothing works. Is this allowed?
    Thanks.

    Can you format XML with hmtl tags (eg <font> with or without accompanying CDDATA tags with a scrollbar component in Flash CS5?
    I have tried numerous versions and can't get it to work. However, it works on text that isn't associated with a scrollbar component.
    Here is my XML code:
    <![CDATA[Content for <font color='#ffffff'>full text screen</font> would go here.Content for full text screen would go hereContent for full text screen would go hereContent for full text screen would go hereContent for full text screen would go hereContent for full text screen would go hereContent for full text screen would go hereContent for full text screen would go hereContent for full text screen would go here.Content for full text screen would go hereContent for full text screen would go hereContent for full text screen would go hereContent for full text screen would go hereContent for full text screen would go hereContent for full text screen would go hereContent for full text screen would go hereContent for full text screen would go here.Content for full text screen would go hereContent for full text screen would go hereContent for full text screen would go hereContent for full text screen would go hereContent for full text screen would go hereContent for full text screen would go hereContent for full text screen would go hereContent for full text screen would go here.Content for full text screen would go hereContent for full text screen would go hereContent for full text screen would go hereContent for full text screen would go hereContent for full text screen would go hereContent for full text screen would go hereContent for full text screen would go here]]></fulltext>
    Is there any other way to format that would work?

  • Scrolling component into view programmatically without using javascript

    Hi,
    Is it possible to scroll an adf component into view programmatically without using javascript?
    I know of <af:scrollComponentIntoViewBehaviour> that can be added to a command component , but is there a way to do that programmatically in a bean?
    Problem with using javascript is its not guaranteed to work in different browsers.
    Regards,
    Rakesh.

    Hi John,
    Thanks for the reply.
    If i use the af:scrollComponentIntoViewBehavior, then i wont be able to achieve my desired functionality.
    In my use case, i want the id, of the component that needs to be scrolled into view, to be determined in the server listener of the button which is not happening.
    Code snippet in jspx page is as follows:
    <af:commandButton id="cb1" immediate="true">
    <af:clientListener method="clickButton" type="click"/>
    <af:serverListener type="customEvent"
    method="#{pageFlowScope.bean.doScroll }"/>
    <af:scrollComponentIntoViewBehavior id="#{pageFlowScope.bean.compId}/>
    </af:commandButton>
    And the java code for method doScroll is something like :
    public void doScroll (ClientEvent clientEvent)
    //logic to determine compId goes here
    compId = "id";
    So, the problem here is "compId" is set to some value when bean is loaded and the id in the af:scrollComponentIntoViewBehavior will be set to that value forever.
    I cant find any way of telling it to re-read the "compId" value, say after clicking the button. I can refresh the button in the server listener to update the compId .
    But the updated compId will come into picture from *next click*. This is because, after the button is clicked, "scroll" action happens first and then serverListener executes.
    Is there a way to change order of this execution like "execute server listener first and then do the scrolling thing" ?
    Regards,
    Rakesh.
    Edited by: 927925 on Jul 27, 2012 2:02 AM

  • IPhone Scroll Component with Item Renderer, which can list Facebook friend list.

    Hi,
    I am working on a project, in which i have to show facebook friends of user in a list which can scroll. I have made the component with scrolling functionality but, the scrolling is not working fine. Any ideas about the scroll.
    Thanks in advance.
    Vipul

    Hi,
    Yaa, I have made my own component, and it is working fine, but when number of facebook increass, the mouse over event doesn't work, and tapping scroll freezes.
    Can you suggest me some way so that i can dipatch that mouse over event repeatdly.
    Vipul

  • Smooth list scroll (scrollpane?)

    Hi,
    Im having a go at developing an Air-app for Android and I will render a long scrollable list.
    Is there a way to get a smooth scroll for example like when scrolling a  webpage in Android?
    Right now Im using a scrollPane and it is extreamly un-smooth. Not very nice when using a touchscreen.

    Hi Gibbah
    You should also have a look at this as it should help as well.
    http://custardbelly.com/blog/?cat=27
    https://github.com/bustardcelly/as3flobile-android
    regards Mike

  • How can I get smooth mouse scrolling?

    Hi
    I have a high-quality Microsoft usb wireless mouse - the one with the smooth scrolling wheel - and I find the scrolling on my MBP to be very jumpy. I have played with the mouse settings in Preferences, I have installed the Microsoft "Intellipoint" software, the wireless signal is strong and the battery level in the mouse is good, and yet, nothing....The scrolling is still jumpy. Any ideas what's wrong? Thanks.
    Ant

    I found my MS Mouse worked better using the new universal drivers from Microsoft (intellipoint), there doesn't seem to be a box for smooth scrolling but the mouse is now more responsive with more features; including the use of all your programable buttons
    http://www.microsoft.com/hardware/downloads/default.mspx
    This puts a box in system preferences under 'other'. I use the MS Laser mouse BTW.

  • 5K screen not smooth when scrolling

    When i scroll down on my 5K screen it is jumpy and not smooth (and such that i get very tired eyes and can actually see the jumping happening so it is apparently slow in adjusting)
    Any suggestions what to do?

    Amazing i've been told this is how the 5K screen looks and it is 'normal behaviour'. I get a headache working behind my 5K, i can see text and photo's jump and screetch into position, reading can only be done on a steady screen (and then too it is jumpy) and all simply visible with my own bare eyes. If this is normal it is a faulty product.
    I am now discussing with my supplier exchanging 5K for regular iMac so i can work again. Totally disappointed in the 5K, i have this for work not for art! If i had known this i would NEVER have bought a 5K. And i also believe the 5K should not be out there, technology is apparently not there yet for this massive retina screen. Have Ipad2 with retina screen and that is beautiful, works absolutely fantastic.

  • Help: Data Scroller Component Tag doesnt work

    Help anybody!! I am working with the Data Scroller y the Data Table Components Tags. I run the page in Jdeveloper 9i, this is the code I wrote:
    <!--Begin-->
    <%@ taglib uri="/webapp/DataTags.tld" prefix="jbo" %>
    <%@ page contentType="text/html;charset=windows-1252"%>
    <HTML>
    <HEAD>
    <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=windows-1252">
    <TITLE>
    Hello World
    </TITLE>
    </HEAD>
    <BODY>
    <jbo:ApplicationModule id="PkimpexpModule" configname="pkimpexp.PkimpexpModule.PkimpexpModuleLocal" releasemode="Stateful" />
    <jbo:DataSource id="data_rep" rangesize="10" appid="PkimpexpModule" viewobject="ReporteDetView" />
    <jbo:DataTable datasource="data_rep" />
    <jbo:DataScroller datasource="data_rep" />
    </BODY>
    </HTML>
    <jbo:ReleasePageResources releasemode="Stateful" appid="PkimpexpModule" />
    <!--End-->
    The page run perfectly but when I want to move throw the pages it doesn't work, what am I doing wrong?
    I'll apreciate your help!!

    Hi Gina,
    do you have tried to change the order from
    <jbo:DataTable datasource="data_rep" />
    <jbo:DataScroller datasource="data_rep" />
    to
    <jbo:DataScroller datasource="data_rep" />
    <jbo:DataTable datasource="data_rep" />
    Marc

  • Dynamic group spark with scroller component

    Hi,
    I am creating a dynamic group(mygrp) spark and adding elements using addElement function. I need to add a scroller to the main group object dynamically. I tried with same method [myScroller.addElement(mygrp)]. But that is not working. Please help me to resolve this issue. Basically I have a main contaner group object. Insided that some other group object, label, buttons using for loop. I need to give scroller for main group object.
    Many Thanks in advance

    Hi,
    I am creating a dynamic group(mygrp) spark and adding elements using addElement function. I need to add a scroller to the main group object dynamically. I tried with same method [myScroller.addElement(mygrp)]. But that is not working. Please help me to resolve this issue. Basically I have a main contaner group object. Insided that some other group object, label, buttons using for loop. I need to give scroller for main group object.
    Many Thanks in advance

Maybe you are looking for

  • Setting depth of movie clips

    I have 4 movie clips on the stage. They are named logo1, logo2, logo3, logo4. I have them set out cascading. So the only clip that is fully visible is the front clip but the top of the other clips can still be seen. When a user clicks on one of the b

  • Number pad/arrow keys

    I was trying out the arrow keys in the built in laptop keyboard on a program and found that the numlk does not light up but it does on my desktop. Is there a way to use the numlk in the application i am using?

  • Third Party Motion Tracking: Importing?

    Hi there, Recently, I came across a free 3D motion tracker (on Mac, called Icarus) which also does a great job on 2D tracking. It does a point-based tracking, just like programs like After Effects, making it perfect for precise position and rotation

  • Help on performence tunning?

    hi, pls send detals

  • I want to update my 3250 xpressmusic (RM-38 V04.14...

    I want to update my 3250 xpressmusic (RM-38 V04.14)but in 2nd step the updater says: please note that not all models have new software available. nokia produces many different variants of each product (for different countries and languages) and not a