Skip to content
View in the app

A better way to browse. Learn more.

Web Designer Forum

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

Spry Tabbed Pannels, External Linking?

Featured Replies

Im currently designing a site using Adobes Spry tabbed Panels which is working well so far. The only problem is, is that i want to link to an external link from one of the tabs and Im not sure how to hack the code to do this. Currently each tab has it sown panel which is called via javascript (which i know very little!). If anyone who has any idea how to do this it would be greatley appreciated!

Heres where the test site and files are.

 

test.andy-coates.com/ts/

test.andy-coates.com/ts/SpryTabbedPanels.js

test.andy-coates.com/ts/SpryTabbedPanels.js

test.andy-coates.com/ts/index.txt (<-so you can view it!)

 

Cheers

 

Andy

  • Author

Ah, yes, it would help if i had put it in the correct ts folder on the server. Opps!

 

Its there now!

In the index file you'll see

 

<!--tab3-->
<div class="TabbedPanelsContent">

</div>
<!--end of tab3-->

 

I'm assuming you just code your links in these tab blocks like...

 

<!--tab3-->
<div class="TabbedPanelsContent">
<a href="mypage.html">My page link</a>		
</div>
<!--end of tab3-->

  • Author

Yeah, tried that but that div is only the content window so the tab will still link to the panel. Ive gave up in the end with spry panels and coded it with css.

Problem is i got the old problem of Firefox & IE compatibility,shows up as expected with Firefox but got allsorts of trouble with IE here: test.andy-coates.com/ts2/

 

 

 

Andy

Create an account or sign in to comment

Account

Navigation

Search

Search

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.