Expand horizontal scroll panel on both sides for a zoom in effect

Hi,
I'm creating an interactive timeline with Flash Catalyst. It is set up as a long horizontal scroll panel which contains buttons that link to states with photos and text about historic events. One feature I would like to include is a zoom feature, like the one found on the bbc British history timeline (http://www.bbc.co.uk/history/interactive/timelines/british/index_embed.shtml ). E.g., when you click on a colored section of the horizontal scroll panel it will zoom in to view that timeframe in more detail.
The problem I'm running into is that I can't expand the scroll panel to the left. So, I can go into edit mode for the scrolling content, create a second state, and enlarge the scrolling content in that second state to create a zoom in effect. However, because the scrolling content will only expand to the right, I can't line up the interaction correctly.
Is there a workaround for this in Flash Catalyst?

have a peek at this:
on the left, the corner radius (the red line) is enough to create a curve on the inside of the stroke. on the right, it isn't large enough.

Similar Messages

  • How can I create a horizontal scrollbar with a centered thumb that scrolls content from both sides?

    I am having trouble figuring out how to create a horizontal scrollbar component either by itself or nested inside a data list component that will have it's thumb centered in the track when running and reveal content from either the right or left side when the thumb is moved. The furthest I have managed to get is to create a data list component with a scrollbar component inside that has a centered thumb that reveals content from the right side of the list (0 through 10 of the items) but only reveals blank area when tracking the other way. Is there a way to create say… negative items in the data list… 0 through -10? Or am I approaching this the wrong way. Please help. Thanks.

    Mykola,
    Thanks. I guess I was hoping for an answer that addressed my question from a designer's point of view rather than a developers'. As a designer with over ten years experience using Adobe products for print work it is difficult to understand why "centered" is such a complicated concept when designing art for use on the web. It is so frustrating to realize that most containers for images and text can only be resized by pushing and pulling handles located on the right and bottom; Catalyst seems like a great start but if Adobe really wanted to impress the "design" community it might consider putting all that supercharged code underneath the hood of some more familiar "design" tools. Maybe a "catalytic converter" would allow the introduction of a "centered" tool for every element.
    After all, why is it literally twenty-five times more difficult, requiring the use of three additional programs to create a component that functions exactly like a typical data list and scroll bar with the exception that the thumb is "centered" on the track and reveals images from both the right and left. For that matter why not also have as an option a thumb that snaps to the bottom of the track and reveals images from the top… and one that snaps to the right and reveals images from the left when you run the project? It just seems so logical to expand the scroll bar component to include these options.
    I am very glad to have Catalyst and will redesign my project to fit within the constraints of the tools available in the program but it seems that if Adobe is really serious about Catalyst being a window into the world of web design for designers/AD's that perhaps it might benefit by focusing on what might improve the program from the designer's point of view. I hate to say it but the Catalyst forum is already rife with answers to questions that are riddled with code… Literally. And to be honest most designers don't have the time to decipher that code. As a designer I work regularly and have a deep understanding of Photoshop, InDesign, Illustrator, Acrobat Pro, Final Cut Pro, Final Draft and modo. I do hi-res assembly, retouching, design and layout, identity, production, 3D modeling and rendering, video editing… and before I switch to using Catalyst for web mock-ups I am going to need a more "designer" friendly set of tools and definitely a "centered" control.
    I really think Adobe is fantastic. But I also think it could take a lesson from a great little company called Luxology. I tried learning 3D modeling and rendering for years with programs like Lightwave, Maya and others, always with mixed results. Then Luxology came along and actually delivered on their promise to create a 3D program for artists. What was the factor that made all the difference? Well, besides the Apple award winning interface and sets of tools it was the training available on their sight. The program itself ships with thirty-six hours of quicktime movies. And hundreds more hours available for download. I have never yet not been able to quickly and easily find an answer to a question I had about how to accomplish something in modo. You know how long I have already spent on Adobe TV searching through videos and on the Catalyst forum searching through topics trying to get an answer to what I thought was a very simple question? Way too many. If I have a question about a Luxology product that I can't find the answer to do you know what I do? I call Brad Peebler, the President of Luxology. I'm not special nor do I work for some special development house with special privileges that is simply their policy. And that policy has paid big dividends. Both ILM and Pixar has licensed their technology.
    Well… I apologize for this long response but I really think that if Catalyst is going to attract the market it wants that it will have to consider putting some designers on the development team. After all… Isn't that what the promo videos tout… Finally a web design program for designers. Well, I guess we'll see.
    Karl

  • About HP envy 4500 printing for both sides for mac os x 10.9.4

    I got the printer recently. I have installed the lastest software and set up air print successfully. I was trying to print out mt notes for both sides of the paper but I did not see the " print both sides" option. I looked up the old post in the forum and tried to follow the set up step by step, but it is still not working. Can anyone tell me how to set up the both sides printing option. 
    Thank you so much.

    Hi @chloe_chie,
    Welcome to the HP Forums! 
    I understand that you are wondering how to print on both sides with your HP Envy 4500 on your Mac OS X 10.9.4, and I am happy to help!
    Please make sure that the correct driver has been selected on the Mac. Meaning, it should read HP Envy 4500, not the Airprint driver.
    To do this go to the Apple Icon, System Preferences, then Print & Scan and look for the images below:
    Once we have verified that we have the correct driver selected, then please follow through this guide, Printing on Both Sides of the Paper (Duplexing) for HP Deskjet 3540, 4640, ENVY 4500, and Officejet ....
    Hope this information helps, and have a nice day!
    RnRMusicMan
    I work on behalf of HP
    Please click “Accept as Solution ” if you feel my post solved your issue, it will help others find the solution.
    Click the “Kudos Thumbs Up" to say “Thanks” for helping!

  • Logical Standby Database with 10g+ASM on both sides??

    Hi out there,
    is there a known way to establish a logical standby database on 10g, if both
    sides are running with an ASM setup?
    I've tried to create one out of a physical standby database (which is set up
    and running w/o any problems), like a book suggested me to do.
    The procedure was:
    1. switch on supplemental logging
    2. prepare initiation parameters (for archive logging etc.) on both sides for
    logical stb.
    3. shut down the phyiscal standby
    4. alter database create logical standby controlfile as '<path>'; on the
    primary, transfer the controlfile to the standby db. Here I had to use RMAN
    to copy the controlfile into the ASM System, and modify the initfile/spfile
    in order to use the controlfile. No problem so far.
    5. mount the standby database, alter database recover managed standby database
    disconnect; -> At this point, the alert log complained about non-available
    datafiles.
    6. alter database activate standby database; --> fails ("needs recovery") due
    to last point.
    The trouble is, the controlfile created at point 4 cointains wrong paths to
    the datafiles. Since I can not have the same disk group name on the standby
    system, and since ASM renames the stored datafiles by its own, the complaints
    of point 5 are comprehensible, but nevertheless annoying.
    I tried to backup a controlfile to trace and change the paths, but at after
    mounting the standby with this controlfile and proceeding at point 5, the
    system says "<path> is not a standby controlfile"
    Is there a different way of creating a "Logical Standby Database with 10g+ASM
    on both sides"? Metalink said nothing about LogStby and ASM.
    Best regards and thanks in advance,
    Martin

    I'm not sure if this will work but try:
    1. create trace control file (you did it)
    2. change paths (you did it)
    3. recrate control file (you did it)
    ... there was error occured during mount before
    so mount database (not as standby)
    4. create standby control file (from recreated control file)
    5. shutdown instance, replace control file with new standby control file or replace the control filename in parameter file.
    6. mount as standby
    What happend?
    Update: Tested on my side and it has worked fine... How about you?
    Message was edited by:
    Ivan Kartik

  • Horizontal Scrolls on the  main Stage

    Hi
    I am putting 11 movies containing 11 flv files on my main
    stage. All those movies have onMouse over and click events attached
    with them. As those movies are not going to fit on the main stage
    so when i am running the flash file, it is just displaying 5 of the
    11 movies and rest are being cut. Is there any way that I can code
    so that I will get the horizontal scrolls automatically if the
    movies are not going to fit on the screen? I am new to the 'stage'
    and AS3 concepts . Please help me out.
    All I need is to put 11 movies on the main stage with the
    horizontal scrolls.
    Thanks in advance for your help
    regards
    Anuj

    you can check a similar thread involving a scrolling
    movieclip:
    http://www.adobe.com/cfusion/webforums/forum/messageview.cfm?forumid=15&catid=665&threadid =1324923&enterthread=y

  • Horizontal scroll Bars not coming in JTable

    Hi,
    If a user streches any column of the jtable to the right such that its values are not visible properly. Then should the horizontal scroll bar come in the scrollpane in which table is there.??
    If Yes then how can I do it?
    I have seen when no of rows becomes more than the display area of the table then vertical scrollbar are coming automatically. but not Horizontal scroll bars.
    Please help

    sorry for my previous mistype, here is the right solutions to your problem.
    As default the JTable will auto resize your column width, if you want horizon scrollbar
    you must do following below steps:
    JTable tableview = new JTable (model) ;
    tableview.setAutoResizeMode (JTable.AUTO_RESIZE_OFF) ;
    JScrollPane scrollpane = new JScrollPane (tableview,
    ScrollPaneConstants.VERTICAL_SCROLLBAR_AS_NEEDED,
    ScrollPaneConstants.HORIZONTAL_SCROLLBAR_AS_NEEDED) ;
    JPanel p ;
    p.add (scrollpane) ;
    This can works for you !

  • Missing Horizontal scroll bar in Side Bar of Firefox 4

    When I use the FF4 Side Bar for my Bookmarks, I cannot see many of my '''Sub-Folders or read long link names''' because there is '''no Horizontal Scroll Bar'''. Instead, I must '''manually widen''' the Side Bar to see the longer link names or expanded Sub Fldr content. I do have a vertical scroll bar. There is no Horizontal Bookmark in the "Show All Bookmarks" either. I would think there would be a Horizontal Scroll Bar too for expanding the Trees. In CSS usage, that's practically basic Web Page design.

    I've created a Bugzilla bug for this problem, vote for it there: https://bugzilla.mozilla.org/show_bug.cgi?id=661464

  • How do i set text in a object so that object expands with text and has even space on both sides of the object in illustrator cc?

    how do i set text in a object so that object expands with text and has even space on both sides of the object in illustrator cc?

    if you see all the different panel. I past the info in and have to manually expand the width of every panel. Is there a way of pasting the text in and the panel moves to the right with so that there is an even space on both sides of the blue panel?

  • REG:: Horizontal scroll bar for pdf

    Dear All,
    I am displaying data in a table in Portal and this table has 13 columns in it. I am writing all this data from the table to a PDF and I am able to generate a PDF. 
    This generated PDF clips the data on the right side, i.e. it shows few columns only.
    I need to have the horizontal scroll bar for the generated pdf output file.
    Can anyone guide me how to achieve this.
    Regards,
    JayPal.

    hi pal,
    refer this help
    http://help.sap.com/saphelp_webas630/helpdata/en/3f/c0ae3dacbff972e10000000a114084/content.htm
    bvr

  • Horizontal scroll for Tree component scrolls too far right

    I've enabled the horizontal scroll bar for the Tree component.
    But the scroll bar allows the user to scroll very far to the right into blank space.
    The maximum width of my components measures 124px, as calculated by measureWidthOfItems(0,0), and I've verified this by measuring pixels of a screen shot.
    I have tried adding an event to set the Tree.maxHorizontalScrollPosition, and I traced the value that I'm setting it to, and I also traced the value that it actually assumed after I set it. Both are 124px.
    So I can't understand the behavior. I can scroll something more like ~400px to the right with lots of blank space.
    Any ideas why?
    Thanks,
    David

    Hmm, I'm not sure why this works, but it works, so for completeness here's what I did (in case anyone else runs across this same thread):
    var measWidth:Number = myTree.measureWidthOfItems(0,0);
    filesTree.maxHorizontalScrollPosition = measWidth - myTree.width;
    I call the above code whenever the window is resized (in my app there are 2 places that can cause a resize of the window, I manually added calls to a function with the above code). There is also an example out there that resizes any time the window is resized, but if you do this then you really can't have liveDragging=true in a DividedBox (which I have) because the cost of resizing is very high and overtaxes the cpu when called many times consecutively. I just call it when the dragging is finished (that way I have live dragging enabled, but it only updates the scroll bars when the user stops dragging, which is visually acceptable).

  • Help with code for inserting horizontal scroll bar in photo gallery in Business Catalyst site?

    Hi,
    I am using Business Catalyst and Dreamweaver to create a trial site.
    I am not sure if this is the correct forum to post this request but anyway I have inserted a photo gallery module at the bottom of the sidebar in the homepage of my test site.
    Can anyone advise on whether jquery or any other code can be inserted into the page or module code that will replace the "next" hyperlink below the first 4 photos with a horizontal scroll bar at bottom of the gallery so users can just scroll through all 12 images ?
    Kind Regards, Matt.
    http://craftime-bs6.businesscatalyst.com/

    Alyssa,
    Have you tried putting this rule back as it was originally:
    /* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
    ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
        left: auto; /*was 9px*/
        color: #EF9CCF;
        background-color: #FFF;
    That is, changing your 9px back to auto.
    And giving  us a link (as you did) is much better than printing out the code for us! Thanks!
    Beth

  • How to get the Horizontal Scroll Bar for a Table?

    Hi All,
    As per my requirement, I am displaying several records in a Screen in a Tabular Format. But here I have to show 21 Columns in that table which is too high. I am able to display it but due to it I am getting a Horizontal scroll bar for the whole screen since all the columns are not getting displayed in the normal window screen space. But its looking too odd since once I am scrolling it to right the columns are getting displayed but the above Header Bar and Global buttons are not displaying, they are bound to the normal screen space.
    Is there a way to have a Horizontal scroll bar only for that table instead of the entire screen so that on scrolling that bar only the table rows will beshifted ant got displayed?
    With Thanks
    Kumar Gautam

    try this approach.
    include a raw text item before and table item.
    include the appropriate HTML tags in raw text item to enable horizontal scroll
    --Prasanna                                                                                                                                                                                                                                                                                                                                   

  • How do I print to both sides of paper for greeting card on Brother Printer

    I did not find the answer on the forum. I have iLife 09 and this Brother MFC-790CW printer. I do not see any automatic setting for printing on both sides. I am using a iPhoto greeting card template and it looks OK with a page one for the front and a page two for the back.
    Maybe the only way is to print out all the fronts pages (20) and then put the paper back in and print all the pages 2 (the text inside of the card). That seems like it would be faster than other ways, except automatic.
    Obviously I should have done this a month ago and sent the project to Apple, but now I have no more time. Ii have the right paper for the one fold cards and plenty of ink

    You need to have an image editor that supports layers. If you do follow the directions in these tutorials:
    #8 - Printing a iPhoto Greeting Card
    #8a - Printing a iPhoto Greeting Card to Standard Stock Sizes
    Here are some editors that support layers:
    Some Image Editors that support layers:
    Photoshop Elements 8 for Mac - $79
    GraphicConverter - $45
    Rainbow Painter - $30
    Acorn - $50
    Pixelmator - $60
    Seashore - Free
    Portraits and Prints - Free
    GIMP for Mac - Free
    You might be able to use Pages instead of an image editor.
    Happy Holidays

  • Horizontal scroll bar for each page of the ADF page???

    Hi Everyone,
    I have developed one ADF page which is working very fine.
    The width and height of the page is more by which it is showing vertical scroll bar and horzontal scroll bar at the end(bottom) of the page.
    But the requirement is that the horzontal scroll bar should be displayed for every page when we scroll down but it is displaying at only bottom of the page.
    How can i include horizontal scroll bar?
    Any suggestions wil be really useful.
    Thanks.

    See if this works:
    <af:form id="f1">
    <af:panelStretchLayout id="psl1">
    <f:facet name="center">
    <af:panelGroupLayout id="pgl2" layout="scroll">
    <af:panelGroupLayout id="pfl1"/>
    </af:panelGroupLayout>
    </f:facet>
    </af:panelStretchLayout>
    </af:form>
    Drop your content inside the second panelGroupLayout

  • Horizontal scroll bar for the adf page

    Hi,
    We have around 7 tables in single jsff page. Here , we have a requirement like :
    We need to show horizontal scroll bar for the entire page instead of each table. Is there any way to get this.
    As of now, we have horizontal scroll bar for each table, but our customer is not accepting this, that want the scroll bar for the entire page.
    Please suggest the approach.
    Thanks

    I have grouped all the tables in panelgrouplayout.So, what is the problem (because it is not quite clear what you need)?
    If your PanelGroupLayout is with layout="horizontal", then the tables will be rendered next to each other horizontally but there will be no horizontal scrollbar on the page.
    If your PanelGroupLayout is with layout="scroll", then the tables will be next to each other vertically and there will be a horizontal and a vertical scrollbar on the page (if necessary).
    If you need your tables to be relocated next to each other horizontally and to have a horizontal scrollbar on the page, then use a PanelGroupLayouts(horizontal) inside a PanelGroupLayout(scroll):
    <af:panelGroupLayout layout="scroll">
      <af:panelGroupLayout layout="horizontal">
        <af:table> ... </af:table>
        <af:table> ... </af:table>
        <af:table> ... </af:table>
      </af:panelGroupLayout>
    </af:panelGroupLayout>If your problem is that you still have horizontal scrollbars inside the tables, then you should set appropriate widths to the corresponding tables (e.g. to <af:table> tags) such that they are large enough to fit the sum of corresponding column widths.
    ya, I know that its not god design, but its customer requirement, so we need to do that.If you expect some table(s) to be stretched automatically according to the size of browser's window, then you should re-think your UI design because PanelGroupLayouts do not stretch their children. A possible solution is to use a combination of PanelSplitters or other layout containers that stretch their children.
    Dimitar

Maybe you are looking for