Scroll panel - two contents hooked to one scroll bar?

I've got two boes of content (one running text and one a series of images grouped in a vertical fashion). I want these to move simultaneously but one is much longer than the other - and I want them to finish at the same time, the photos correlating to the text. Using two separate scroll bars is out of the question. I tried to trick it and just copy the same scroll bar on top of the first, hoping that by dragging one you'd drag both, but it only takes the top layer. Any ideas?

I can only think of two solutions:
1) Refactor your design so that the two boxes some how become one element. Then the scroll element will work as designed. You have to think how each element in one box maps it's position to the other box.
2) If you can't refactor the design, then you will need to create an algorthim that will map position in one box to a postiion in the other. Then you will need to write a custom bit of ActionScript in Flash Builder to wire this all up.
Chris

Similar Messages

Spry tabbed panels, all content showing on one page, please help?

Hi there,
I'm developing a website for my friend and i'm using DW CS5 spry tabbed panels. Everything looks great in DW but when i load the page to the server all of the content shows as one page and i can't navigate through tabs.http://dndperspective.co.cc/
I'll give you the whole code, I am fairly experienced in html but have never used spry before, so it may be a silly mistake. Any Suggestions?
Here is the code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>DND Perspective</title>
<script src="file:///C:/Users/work/Desktop/Sites/SpryAssets/SpryTabbedPanels.js" type="text/javascript"></script>
<link href="file:///C:/Users/work/Desktop/Sites/SpryAssets/SpryTabbedPanels.css" rel="stylesheet" type="text/css" />
<style type="text/css">

</style></head>
<body>
<div align="center">
DND 
</div>

<img style="border:6px inset #545565; margin-left: 150px; margin-bottom: 50px;" src="newbanner.jpg" width="701" height="244" /> 


<div id="TabbedPanels1" class="TabbedPanels">
<ul class="TabbedPanelsTabGroup" >
 <li class="TabbedPanelsTab" tabindex="0"><img src="images/homebar.jpg" width="125" height="50" /> </li>
 <li class="TabbedPanelsTab" tabindex="0"><img src="images/aboutbar.jpg" width="125" height="50" /></li>
 <li class="style11 TabbedPanelsTab" tabindex="0"><img src="images/servicesbar.jpg" width="125" height="50" /></li>
 <li class="TabbedPanelsTab style11" tabindex="0"><img src="images/gallerybar.jpg" width="125" height="50" /></li>
 <li class="TabbedPanelsTab style11" tabindex="0"><img src="images/pricingbar.jpg" width="125" height="50" /></li>
 <li class="TabbedPanelsTab style11" tabindex="0"><img src="images/contactbar.jpg" width="125" height="50" /></li>
</ul>
<div class="TabbedPanelsContentGroup">
 <div class="TabbedPanelsContent style1">
 <div align="center">
 Welcome to DND 
 We are so glad you took the time to visit our site during your busy planning schedule. We have tried to make this site as user friendly as possible so you can get back to planning your big day. We provide straight foward and dependable services so you've got nothing to worry about.
 We are located in Rhode Island, but service Massachusetts and Connecticut as well. 
 Please visit our services page to discover all photography sessions we have available such as:
 Wedding Photography
 Engament Photos
 Senior Portraits 
 Anniversary
 & More!!!
 
 </div>
 </div>
 <div class="TabbedPanelsContent">
 S.W - Owner and Photographer. For more information about her please click <a href="Untitled-11.pdf">here</a>!
 </div>
 <div class="TabbedPanelsContent">Under Construction...</div>
 <div class="TabbedPanelsContent">Under Construction....</div>
 <div class="TabbedPanelsContent style1">
We hear at DND understand that packages and pricing may not provide the precise accomadations to fit you unique and carefully planned big day. We are very open and happy to discuss with you an individual catered package or plan that fits your style and most of all your budget. Whether you need us for just an hour or a full day we want to make your day as special as possible. We have services available starting at just $200.00. Below you will find our most popular packages, printing prices &
packages, custom videos, thank you cards and albums.
 <hr width="50%" align="left" />
 Package 1 - $500.00
 3 Hours; 1 location - Incl. DVD with unlimited high resolution shots and free basic retouching and enhancing; webgallery with or without password protection; Special Effects on 5 photos; and 1 8"x10" fine art high quality print. *
 Package 2 - $575.00
 3 Hours; 2 locations - Incl. DVD with unlimited high resolution shots and free basic retouching and enhancing; webgallery with or without password protection; Special Effects on 5 photos; and 1 8"x10" fine art high quality print. *
 Package 3 - $700.00
 4 Hours; 3 locations - Incl. DVD with unlimited high resolution shots and free basic retouching and enhancing; webgallery with or without password protection; Special Effects on 5 photos; and 1 8"x10" fine art high quality print. *
 *Each additional hour or location available for $100.00. Locations beyond 20 miles will require additional fees. Additional DVD priced at $25.00 each.
 <hr width="50%" align="left" />
 Prints: (Fine Art High Quality)**
 Individual prices: 8"x10" = $12.99; 10"x13" = $19.99; 2 - 5"x7" = $12.99; 4 - 4"x6" = $11.99
 (Custom sizes available - Custom framing available)
 Package 1:
 3 - 8"x10"; 4 - 5"x7"; 4 - 4"x6" = $50.00
 Package 2:
 5 - 8"x10"; 6 - 5"x7"; 6 - 4"x6" = $90.00
 Package 3:
 8 - 8"x10"; 4 - 5"x7"; 4 - 4"x6" = $125.00
 Package 4: (Basic Prints)
 Any 100 photos printed 4"x6" = $100.00
 <hr width="50%" align="left" />
 Custom video:**
 Any 100 photos put to royalty-free music = $50.00
 <hr width="50%" align="left" />
 Custom thank you cards for your guests:**
 300 cards - 4"x6" = $350.00
 100 cards - 4"x6" = $150.00
 <hr width="50%" align="left" />
 Custom Albums Available: (prices vary - special order)
 Bride & Groom Albums
 Parent Albums
 <hr width="50%" align="left" />
 **Please be aware that your DVD will be available within a week; Web Gallery within 5-7 business days; Prints, Cards or Video within 2-6 weeks. Thank you!
 </div>
 <div class="TabbedPanelsContent style5">
 Contact DND Perspective:
 The best way to reach us is via email .
 You can alternately reach us anytime at ...!
 </div>
 <div class="TabbedPanelsContent">
 <div align="center">
 About Info
 
 </div>
 </div>
</div>
</div>
 
 
 
 
 
<script type="text/javascript">

</script>
</body>
</html>

You called it: your links to the SpryAssets are linking to your hard drive, not to the files within the folder on the server.
Correct these links:
<script src="file:///C:/Users/work/Desktop/Sites/SpryAssets/SpryTabbedPanels.js" type="text/javascript"></script>
<link href="file:///C:/Users/work/Desktop/Sites/SpryAssets/SpryTabbedPanels.css" rel="stylesheet" type="text/css" />
And you should be good to go.
Beth
ps. If you run into more difficulties with the Spry Widgets, take your questions to the Dreamweaver Spry Forum http://forums.adobe.com/community/labs/spry, where they will get quicker attention.
B

Tabbed Panels: Two content areas?

Hi, I want to set up my Tabbed Panels so that when a certain tab is clicked, the content displayss in one content area/div and an image shows in another content area/div. Is that possible? If it is, will it change the CSS? On most pages, I want to use the same CSS style for tabbed panels, but only one content area.
Thanks very much,
Mike

You could do 2 things.
1) include the "area" inside the tabbed panels content, and use position:absolute; to position it everywhere that you want on your page
2) create onclick function on each tabbedpanel tab that will display the content for you.

Trying to get two frames with content to each have their own scroll bar

I'm trying to build a website in flash. In order to navigate through the pages I use a gotoAndStop(1); function. For all of my pages the content is larger than the stage. So I've been using the scroll panel component to see all the content. However, I can't add more than one, which means only on of my pages scroll. How do I solve this?

In your timeline, in the layer that you want to use for the scroll panel, put a keyframe in each frame where you want to have new content. Put a scroll panel in each of these keyframed frames, give each one a unique instance name. You can now put unique content into each of these scroll panels.
You only need one copy of the scroll panel component in the movie's Library.

Adding a scroll bar to tabbed panel content?

I have set a specific height to tabbed panels and I don't
want them to expand according to content. Instead I want to add a
scroll bar to the tabbed panels. How can i do this?

Sure it's possible.
Edit the TabbedPanelsContent class in the CSS file.
Add a specific height to it and then add an overflow:auto;
rule to it.
.TabbedPanelsContent {
padding: 4px;
overflow: auto;
height: 200px;
When styling Spry Widgets, for the most part, just think of
them as HTML. Add a height and a scrollbar just as you would to any
DIV.
Hope this helps,
Don

How to link one scroll bar with two dynamic text boxes.

How to link one scroll bar with two dynamic text boxes.
If i move scroll bar in one text box,automatically text will
be moved in another text box.But scroll bar is not visible.
Can you please help me.
Thanks in advance.

See the following article:
JavaScript - setFocus Method for tabbing to next form field
And see if iOS can even handle the sample form.
iOS and android devices are not a powerful as your desktop of laptop computer and have limited support for JavaScript within PDF forms. This limitation for specific apps ranges from none to quite a bit but not all JavaScript.

Add vertical scroll bars to a content panel

I need to use long text passages in a fixed size content area, so I need to add a vertical scroll bar to the side. Muse support says I need to use HTML code to do this. I'm a designer, not a coder, can anyone walk me thru this?

Hi Jeff,
I have replied to your previous post, Please refer to this thread :- https://forums.adobe.com/thread/1627033
Regards,
Rohit Nair

Removing the Vertical scroll bar from the content area.

Hello,
Is there a way to remove the vertical scroll bar from the content area?
I am trying to create a new light portal frame work.
Everything works fine except that I see two vertical scroll bars, one from the content area and another from the page(frame).
Thanks in advance.
-Sudheer

Hi
There are a couple of ways in which to achieve this
1) Try and make the content flat. What I mean by this is that the content area (when using the standard light framework) doesn't contain an iframe, meaning that the iview defined on the page has "EMBEDDED" isolation mode. This should mean that you only have one scrollbar (if the content extends past the size of the browser)
2) If you need to make the iview URL isolation, then try and get the domain of the content to be of a similar domain to your portal server, i.e. your portal is portal.company.com and the content is content.company.com. In this way you can make the pages expand.
NOTE: One thing to note is that when using URL isolation iviews doesn't allow the automatic expanding of the iframe content. This is because the standard javascript doesn't allow this. Therefore you may have to write your own javascript function (or content area page) to do this
I hope this helps
Darrell

How do I prevent scroll bar use from disabling front panel updates?

I have two top-level VIs running simultaneously using different execution systems. The first VI has a list box scroll bar. When the scroll bar is used by the operator, updates to the second VI front panel are temporarily blocked. This is due to the single user interface thread shared by both VIs. I there anyway to allow the second VI to update its front panel while the first VI is bound to its scroll bar?

Hi,
Your problem seems to be a bit more complex. I created two vi's, one with a simple loop, the other with a list box (both running in different execution systems). The first isn't noticeably affected by moving the listbox' scrollbar.
It there an increase in processor load when you move the scrollbar? That could stop the other vi from updating. Perhaps you can isolate the problem (remove all irrelevant code) and post the remaining vi's?
Regards,
Wiebe.
"wwwbrown" <[email protected]> wrote in message news:[email protected]..
I have two top-level VIs running simultaneously using different execution systems.  The first VI has a list box scroll bar.  When the scroll bar is used by the operator, updates to the second VI front panel are temporarily blocked.  This is due to the single user interface thread shared by both VIs.  I there anyway to allow the second VI to update its front panel while the first VI is bound to its scroll bar?

Different Scroll bars in one file

I've manually customized the look and feel of the scroll bars for scroll pane component and it works fine. I've two different files that have different visual styles for scroll bars. Now I want to merge these two files meaning I want to have one file with two different styles of scrollbars co-existing. I can resolve the naming conflicts but both of the them are using same asset names and action scripts (I think in the class definition).
So basically my question if how can I have two different scroll bars implemented in one file?
Many thanks

You can make the clip that you want to play at 2 fps seem
that way by just making it longer. Alternately, you could use a
timed tween.

How to get rid of scroll bars in sub panels when displaying a VI which is part of a class?

I am writing an application that applies different analyses to a set of data. The program must be flexible configurable. To not clutter the GUI with too much elements I ended up with the idea to load the needed user interfaces for each specific analysis dynamically into a single sub panel when needed. This works well without any problem.
Due to the fact that all analyses share some common functionality I have decided to use LabVIEW classes for implementation. Each class has one VI representing the user interface to show in the sub panel.
This works also well BUT the sub panel always shows a horizontal and vertical scroll bar I don't want to see!
I have already learned that I need to change the user interface VI to a custom "Window Appearance" and disable the "Show scroll bar" properties. But this seems to work only for "normal" VIs but not for VIs that are part of a class.
Any ideas?
Ingo
Solved!
Go to Solution.

Thanks Pixar, this was the right tip!
Although: there seems to be a difference between "normal" VIs and VIs that are members of a class.
For "normal" VIs it is sufficient to set the property to "Off While Running" and it works as expected.
VIs part of a class need the "Always Off" setting" which is only accessible via right click on the scroll bars but not via the VI's properties box.
Thanks and Regards
Ingo

Why do I have 2 Vertical Scroll Bars and 1 Horizontal one

Can anyone tell me from the code below where I am going
wrong. I have an AP Div inside an AP Div that has text content and
the overflow is at Auto which gives me a horizontal scroll bar but
also 2 vertical scroll bars instead of one in Firefox. What is the
reason for this? I hope someone can help me - here's the code:
<div id="apDiv6"><img src="frame.jpg" alt="Frame"
width="518" height="335" /></div>
<div id="apDiv23">

Hors d'Oeuvres 
Soupe........... Soupe
a l'oignon
gratinée............................................
$6.75 
Onion soup 
Soupe du Jour ..........................
$5.25 
Soup of the day 
Les entrées
froides........... 
Huîtres du
Jour.....................La Pièce $1.85 

Oysters (served with Champagne shallot
vinegar) 
Salade et fromage, vinaigrette à la moutarde de
Dijon........ $6.00 
Mixed salad with feta cheese, Dijon mustard
vinaigrette 
Salad frisée aux lardons et oeuf poché..........
$7.95 
Frisée salad with bacon and poached egg, sherry
vinaigrette 
Salade de crabes, concombre et betterave, sauce
aïoli......$8.50 
Crab salad with golden beet and cumcumber, aioli
sauce 
Foie gras cuit au torchon et
toast........$14.50 
Les entrées chaudes...... 
Moules Marinières................$9.00 
Steamed Mussels Marinieres, White Wine and garlic (Side
French fries $2.50) 
Poêle de ris de veau et épinards, jus au
romarin..........$9.50 
Sautéed sweetbread with spinach, rosemary
jus 
Escargots de Bourgogne au beurre d'ail et
persil..............$7.50 
Escargots from Burgundy in garlic parsley butter (plate
6) 
Les Plats 
Légumes........ 
L'assiette végétarienne du Chef...............
$14.90 
Chef Vegetarian 
Red beet raviolis wih parmesan cheese and seasonal
vegetables, mushroom jus 
Poisson 
Pave de saumon, purée de pommes de terre et
épinards, sauce homard et vin blanc...... $16.50 
Steamed salmon with mashed potatoes, spinach and mussels,
white wine with lobster sauce 
Filet de bar meunière, poireaux caramélisés,
sauce grenobloise.....$16.75 
Sauteed bass served with caramelized leeks, Grenobloise
sauce 
Tronçon d'espadon legumes de saison couscous, safran
orange sauce.... $17.95 
Sauteed swordfish with couscous and spring vegetables, orange
and saffron sauce 
Viandes et volailles...... 
Boeuf Bourguignon et purée de pommes de
terre..........$16.25 
Beef Bourguignon sered with mashed
potatoes 
Suprême de poulet, ragoût de macaronis poireaux et
chanpignons, sauce orange... $15.50 
Roasted chicken breast, leek mushrooms macaroni ragout orange
sauce 
Lapin façon Normande............$17.25 
Rabbit Normandy served with Peruvian mashed
potatoes 
Le Cassoulet toulousain Maison...........$21.00 
Home Made Cassoulet with beans (Duck leg Confit, port,
Toulouse sausage) 
Jarret d'agneau braise 6 heures, blettes jus d'agneau et
romarin.....$23 
Lamb shank braised for six hours served with swiss chard,
rosemary lamb jus 
New York steak, french fries, shallot red wine
butter 

</div>
Thank you for helping!

Hi,
This is a problem with firefox. It will always show
scrollbars if the div's css property of overflow is set to anything
except none.
Gaurav
www.gauravchandra.com

How can I make an area of the front-panel have scroll bars?

I'm writing a VI that provides many options to the user. The front-panel is large and contains many controls ~130 of them, it's divided up visually to match the workings of the system the VI controls. One particular functional block has very many control options though these are rarely used. I can't fit all of the controls I need onto the screen area I have available.
What I would like is a way of making an area of the screen with scroll bars on it. I don't need any more than that, just an expansion of the front-panel area I have available. The "Sub-Panel" feature provides the scroll bars. But, a Sub-Panel is a way of accessing another VI, I don't want to do that. I could put the extra controls on the far-left or far-right of everything else and get the user to scroll the main scroll bars at the edges of the screen. The problem with that is that I it would mean couldn't lay out my front panel to match the system block-diagram as I have so far.
Does anyone know how to do this?
Solved!
Go to Solution.

I know I can show the scroll bars at the edge of the VI. In my case that's not very useful. The front panel shows a block diagram of a system. It's made up of a set of clusters which control various parts of the system. I want to keep this layout because it's very useful in explaining to people new to the system how it works. I inherited that approach from a previous iteration of the program for an older system. The problem I have is that the new system has far more control parameters for one of the blocks. Unfortunately it's one of the blocks in the middle of the block diagram. If it were one at the left, right, top or bottom it would be no problem because the main scrollbars could be used.
I can use a tab-control, that's my fall-back plan. The problem is that would be abusing the purpose of the tab control. In a tab control each tab is supposed to deal with a group of controls that have a common connection. So, all the things in tab #1 are supposed to be connected in some way and all the things in tab #2 are supposed to be connected in some way. There not supposed to be a way of gaining more screen space.
The controls I'm dealing with are numeric controls, switches and rings.

RH7 - Viewing WebHelp in IE9 creates two vertical scroll bars

An extra frameset appears to be in the main htm page (attached) that is generated by RoboHelp. Here’s the frameset:
<frameset cols="100%,*" frameborder=no border=0>
<frame src="whnjs.htm">
<frame src="whskin_blank.htm" noresize>
</frameset>
When viewing the help in a Telerik RadHtmlPlaceholder control in Internet Explorer 9, this frameset causes our help content to appear twice. The content is stacked on top of each other, and a vertical scroll bar is added.
Manually removing this frameset resolves the issue.
Has anyone else seen this issue, and if so, are there any RH options for resolving it?

While I was using RoboHelp 7, I worked around the frameset problem by deleting the following code from the main pag in my help system, as suggested in the forum:
<frameset cols="100%,*" frameborder=no border=0>
<frame src="whnjs.htm">
<frame src="whskin_blank.htm" noresize>
</frameset>
When I did so after generating help in RoboHelp 7, I found that the extra frameset disappeared from IE9. Later I upgraded to RoboHelp 9 for an automated solution to the extra frameset in IE9. But I find that the problem persists. On WebHelp pages with more than a single screenful of text, the double frameset appears, and the content for the page one is viewing is stacked on top of the Welcome page, much as described by TechComm2 at the beginning of this thread. In IE9, with content generated in RoboHelp 9, an extra frameset appears whether I delete the abovementioned code or leave it in.
My project is used as contextual help. Our developers have placed extra security on the project so that a user cannot view the help without first logging in to the application it describes. Because of this, I am asking our developers to help me look for a solution to extra framesets. But I did want to come back to this forum with an update and ask for additional comments from you-all as well.
Thank you.
Tom

Content canvas to stacked canvas for scroll bars

I have a form which has more items. Initially I developed the form with content canvas(this has vertical scroll bar). now I changed this canvas to stacked canvas to get horizontal + vertical scroll bar. But I am not able to do it. Can any one please advice me how to achieve. Basically I need horizontal + veritcal scroll, so that user can easily scroll it.
Appreciate your help.
Thanks in Advance!!

Hi
This is a common task in Oracle Applications forms, the steps would be:
- Put the context, fixed fields on content canvas, to the left of the window
- Modify the block to show vertical scroll bar, display it on content canvas, to the right of the window
- Accommodate remaining fields on stacked canvas, all of them from 0.0 to the right.
- Modify stacked canvas viewport size and position to be shown in the space between the fixed fields on the content canvas and the vertical scrollbar on it, allow for space to the horizontal scrollbar
- As Craig's answer states, modify stacked canvas property to show horizontal scrollbar

Scroll panel - two contents hooked to one scroll bar?

Similar Messages

Maybe you are looking for