Spry Tabbed Panels

[camora]

Can contribute edit spry tabbed panel content?

[elsurfo]

who knows?

[elsurfo]

Actually it does edit it.
The problem is if your client wants to ad another row or else.

[FrancoDC]

Hi everybody!
I am using the Spry Tabbed Panels from wihin a page I have created. The tabs
work great and the page looks good, however I was wondering if there was a way
where I can open a particlular tabed panel from clicking on a link within the
same page. Example: There is a ceratin product that is displayed and to the
right of the image there are bullets. Below the image is the Spry tabbed panel
and each tab has the same name as the bullets near the image. If the viewer
clicks on one of the bullets, I would like the corresponding tab in the tabbed
panel to open (go to the content of the tabbed pannel). Can anyone help? Iwould
be greatly appreciated.

Thank you and have a great week-end.

[danilocelic AdobeCommunityExpert]

FrancoDC wrote:

> Hi everybody!
> I am using the Spry Tabbed Panels from wihin a page I have created. The tabs
> work great and the page looks good, however I was wondering if there was a way
> where I can open a particlular tabed panel from clicking on a link within the
> same page. Example: There is a ceratin product that is displayed and to the
> right of the image there are bullets. Below the image is the Spry tabbed panel
> and each tab has the same name as the bullets near the image. If the viewer
> clicks on one of the bullets, I would like the corresponding tab in the tabbed
> panel to open (go to the content of the tabbed pannel). Can anyone help? Iwould
> be greatly appreciated.
>
> Thank you and have a great week-end.

Sure, you can do this. Take a look at the code for this page:
[url]http://labs.adobe.com/technologies/spry/samples/tabbedpanels/tabbed_panel_unobtrusive.htm[/url]

In particular this file:
[url]http://labs.adobe.com/technologies/spry/samples/tabbedpanels/tp_unobtrusive.js[/url]

If it helps, generally the next question folks ask is if they can do this from a link on another page and yes, you can, take a look at the code at the bottom of this page:
[url]http://labs.adobe.com/technologies/spry/samples/utils/URLUtilsSample.html[/url]



--
Danilo Celic
| Extending Knowledge Daily : [url]http://CommunityMX.com/[/url]
| Adobe Community Expert

[FrancoDC]

Cool, thak you

I have followed the expample you gace me and tried to implement it but I have
no luck. I am fairly new to this technique and I jsut wanted to make sure that
I got all the right steps.

I have linked both SpryTabbedPanels.js and tp_unobtrusive.js to my code. I
have defined my panels...

<div id="TabbedPanels1" class="TabbedPanels">
<ul class="TabbedPanelsTabGroup">
<li class="TabbedPanelsTab" tabindex="one">Features</li>
<li class="TabbedPanelsTab" tabindex="two">Functionalities</li>
<li class="TabbedPanelsTab" tabindex="three">Application</li>
<li class="TabbedPanelsTab" tabindex="four">Solutions</li>
<li class="TabbedPanelsTab" tabindex="five">Supported Devices</li>
[/BULLET]

And entered the content....
<div class="TabbedPanelsContentGroup">
<div class="TabbedPanelsContent"> Content etc...
</div>
<div class="TabbedPanelsContent">content etc...
</div>

[FrancoDC]

Nevermind, I overlooked the obvious, it works fine now.

Thanks