Tabbed panels no longer showing up

Hi folks, for quite some time I have used the widge Spry Tabbed Panels 2.0 in this page: www.arrowmark.co.nz/clients and on this pagehttp://tatlerprime.co.nz/conference.html but the tabs no longer show up and all the content is laid out vertically down the page. With Altruistic Gramps' help I have customised my pages to enable quick links to tabs and named anchors and other helpful tweaks to help visitors navigate around the tabs and their contents.
Several things have happened since I built those pages: my Windows 7 profile became corrupted and I had to start a new profile which meant I lost access to app data. I also upgraded to DW cs6. And I also lost access to my widgets panel.
Any one of these issues could have caused the problem but it may also be that this widget no longer works in Cs6.
However, there is a further possibility: that I have inadvertently made a change in code which is preventing the tabs from appearing. Is anyone able to take a quick look and let me know which is the most likely before I start a rebuild from scratch?
Thanks in advance,
Jo
[update: I have narrowed down the problem. The panels fall apart when I change the defaultTab value from 0 to "params.tab ? params.tab : 0", (which I am using as part of a script that enables me to send email links and set menu bar links to particular tabs and their contents. If anyone knows another way to achieve this aim without affecting tab behaviour, I'd be really grateful. As Altruistic Gramps kindly provided me with the code I have messaged him but am also asking here in case anyone is able to help me before he gets on line next]
Message was edited by: BoppyW to provide update

The problem is because you're linking to Adobe Labs for SpryURLUtils.js:
<script src="http://labs.adobe.com/technologies/spry/includes/SpryURLUtils.js"></script>
Adobe announced a couple of weeks ago that it was no longer investing in the development of Spry (see
http://blogs.adobe.com/dreamweaver/2012/08/update-on-adobe-spry-framework-availability.htm l). As a consequence, the files are no longer available on Adobe Labs.
You need to download the Spry files from GitHub. Copy SpryURLUtils.js into your local site, and link to the local version rather than the one on Adobe Labs.

Similar Messages

Tabbed panel changes not showing up

I'm using Dreamweaver CS5 on a Mac. A couple of years ago I created a website using tabbed panels (http://www.4dtr.com/Communication_Interpersonal.html), Recently, I went to make some modification to the tabs:
1. altered the text in the tab
2. Changed background colour of the tabbed panel)
3. Changed the font size
When I preview the changes in DW they seem to have worked...they also show up when I look in the Adobe Browser Lab. When I upload to the server however only the "altered text" modifications shows up. The change to background color as well as change to font size do not. What am I doing wrong? Help please...

The first thing I notice as I look at your CSS Panel is that many of your styles are existing in the page itself instead of in a linked CSS stylesheet.
Before you proceed, check through the list of styles in the CSS Styles Panel and delete styles that you don't need. Any style that has been completely superseded by another style further down on the list can be deleted. You should be left with only styles you want to be active.
It is simple to move those styles to an external stylesheet; you can do it right in the CSS Panel.
The aim is to have styles associated with the tabbed panels in the "SpryTabbedPanels.css" file, and to have no styles embedded in the page. Then you will make sure those external stylesheets are attached to all the pages that need those style. The on-page, embedded styles are shown in the CSS Panel (with "all" selected as the view) under labels that read: "<style>".
I would also recommend creating a global.css stylesheet for those other styles that also should occur throughout your site. Do File > New > Blank Page > CSS to create the new stylesheet. After you have created this stylesheet, attach it to your page. If you are working with a true template file (file extension is .dwt), I suggest attaching it to that template. With the page in question open, open the CSS Panel and click the chain icon at the bottom of the Panel. Select the newly created stylesheet to link it to the page.
Then select the styles you want to move, and keep holding the mouse down while you drag them under the appropriate stylesheet name in the CSS Styles Panel. You could also select them and right click, choosing 'move CSS styles'.
Here's some links to info about the CSS Styles Panel: http://help.adobe.com/en_US/Dreamweaver/CS5/Using/WSbb8fae38174aec9d-4fb84361126e2b2aaf3-8 000.html
The long and the short of it is: If a style was changed and the style sits on the page, that change is not reflected throughout the site, only on that page. If the style is moved (or created) on an external stylesheet, and the stylesheet is linked to all pages, that change will be reflected throughout the site.
N.B.: If you change the template file, be sure to propagate the changes to all the pages that are based on that template. And don't forget to upload the changed files...
Beth

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">
<p align="left" class="style4">DND </p>
</div>
<p align="left">
<img style="border:6px inset #545565; margin-left: 150px; margin-bottom: 50px;" src="newbanner.jpg" width="701" height="244" /> </p>
<p align="center">
<p align="center">
<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"><em><img src="images/servicesbar.jpg" width="125" height="50" /></em></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">
        <p class="style11">Welcome to DND </p>
        <p>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.</p>
        <p>We are located in Rhode Island, but service Massachusetts and Connecticut as well. </p>
        <p>Please visit our services page to discover all photography sessions we have available such as:</p>
        <p>Wedding Photography</p>
        <p> Engament Photos</p>
        <p>Senior Portraits </p>
        <p>Anniversary</p>
        <p>& More!!!</p>
        <p> </p>
      </div>
    </div>
    <div class="TabbedPanelsContent">
      <p class="style1"><strong><u>S.W</u></strong> -<em> Owner and Photographer</em>. 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">
<p>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.</p>
           <hr width="50%" align="left" />
      <p><strong>Package 1 - $500.00</strong></p>
      <p>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. *</p>
      <p><strong>Package 2 - $575.00</strong></p>
      <p>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. *</p>
      <p><strong>Package 3 - $700.00</strong></p>
      <p>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. *</p>
      <p>*Each additional hour or location available for $100.00. Locations beyond 20 miles will require additional fees. Additional DVD priced at $25.00 each.</p>
           <hr width="50%" align="left" />
      <p><strong>Prints</strong>: (Fine Art High Quality)**</p>
      <p>Individual prices: 8"x10" = $12.99; 10"x13" = $19.99; 2 - 5"x7" = $12.99; 4 - 4"x6" = $11.99</p>
      <p>(Custom sizes available - Custom framing available)</p>
      <p><strong>Package 1:</strong></p>
      <p>3 - 8"x10"; 4 - 5"x7"; 4 - 4"x6" = $50.00</p>
      <p><strong>Package 2:</strong></p>
      <p>5 - 8"x10"; 6 - 5"x7"; 6 - 4"x6" = $90.00</p>
      <p><strong>Package 3:</strong></p>
      <p>8 - 8"x10"; 4 - 5"x7"; 4 - 4"x6" = $125.00</p>
      <p><strong>Package 4:</strong> (Basic Prints)</p>
      <p>Any 100 photos printed 4"x6" = $100.00</p>
           <hr width="50%" align="left" />
      <p><strong>Custom video:</strong>**</p>
      <p>Any 100 photos put to royalty-free music = $50.00</p>
          <hr width="50%" align="left" />
      <p><strong>Custom thank you cards for your guests:</strong>**</p>
      <p>300 cards - 4"x6" = $350.00</p>
      <p>100 cards - 4"x6" = $150.00</p>
     <hr width="50%" align="left" />
      <p><strong>Custom Albums Available: </strong>(prices vary - special order)</p>
      <p>Bride & Groom Albums</p>
      <p>Parent Albums</p>
           <hr width="50%" align="left" />
      <p>**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!</p>
    </div>
    <div class="TabbedPanelsContent style5">
      <p> Contact DND Perspective:</p>
      <p>The best way to reach us is via email .</p>
      <p>You can alternately reach us anytime at ...!</p>
    </div>
    <div class="TabbedPanelsContent">
      <div align="center">
        <p><span class="style1">About Info</span></p>
        <p> </p>
      </div>
    </div>
</div>
</div>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<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

Spry Tabs are no longer showing after upload

I was just recently finished working on my website and had created a spry tab to use for 4 different forms. Now when I view the page, the tabs are not showing but the four forms are all on one page.
I remember seeing in split view </div> out to the side of my layout in layout view and I thought it was an extra div and deleted it. My guess is that's why my form is no longer showing the tabs.
Any help on where I need to add the </div> back in would be MUCH appreciated.
Here is the page http://www.munchkinsplace.com/custom-quote-form.html

I removed all the content from each Tab and created a new page and inserted a new Spry Tab to compare the code but I'm still not seeing what is different. It appears that all my divs are correct. Am I missing the obvious?
Here is the page link
<div id="mainContent">
    <form action="contactform.php" method="post" enctype="multipart/form-data" name="customquote" id="customquote">
      <div id="TabbedPanels1" class="TabbedPanels">
      <ul class="TabbedPanelsTabGroup">
        <li class="TabbedPanelsTab" tabindex="0">Hair Bow</li>
        <li class="TabbedPanelsTab" tabindex="0">Hair Bow Holder</li>
        <li class="TabbedPanelsTab" tabindex="0">Tutus</li>
        <li class="TabbedPanelsTab" tabindex="0">Diaper Cakes</li>
      </ul>
      <div class="TabbedPanelsContentGroup">
        <div class="TabbedPanelsContent">Tab Contents 1</div>
        <div class="TabbedPanelsContent">Tab Contents 2</div>
        <div class="TabbedPanelsContent">Tab Contents 3</div>
        <div class="TabbedPanelsContent">Tab Contents 4</div>
      </div>
      </div>
    </form>
</div>
    <p> </p>
    <div align="left"></div>
<script type="text/javascript">

</script>

Why does editing the spry horizontal menu on my template alter the spry tabbed panels on my page?

Most of the pages on my site are created using the same template I developed. Today, I edited the horizontal main menu on the template, which changed all the pages on my site correctly, except now all the pages with tabbel panels in the body are showing as a bulleted list instead of tabbed panels. Please Help!?!
In fact, there is no longer any css styles for any tabbed panels any longer...what did I do?

Oh Brother, of course! I should have waited to post until I was out of
my freak out mode. Thanks a lot for the help.

Every time I open a new tab, it no longer goes to the standard "you've opened a new tab" page, but to a searchwebsite of Babylon. How do I fix this?

Every time I open a new tab, it no longer shows the standard Firefox "new tab" page, but a search-website by Babylon. I don't know how to fix this.

To revert to Google as your preferred search engine, please do the following.
* In the location bar, type '''about:config''' and hit Enter.
* In the filter at the top, type: '''keyword.URL'''
* Double click it and remove whatever's in there and replace it with http://www.google.com/search?q=
The URL to add in "keyword.URL" becomes a link in this post, so right click it and choose "Copy Link Location" to copy it to the Windows clipboard. Then hit CTRL+V to paste it. Saves you having to type the whole thing.
'''To reset your home page, do the following'''.
* Go to the site you want to set as your homepage.
* Click the orange Firefox button and go to '''Options '''| '''Options '''| '''General'''
* Make sure it says "''Show My Homepage''" in the first dropdown menu.
* Click the button called "'''Use Current Pages'''" to set the homepage to the one you have on the screen.
After you complete the above steps, install this add-on to prevent another search engine from modifying your preferences: https://addons.mozilla.org/en-US/firefox/addon/browserprotect/
It's possible that ''Babylon ''will add itself to more than one place in '''about:config'''. Therefore, after completing the above steps, open about:config again, type "''babylon''" in the filter at the top and for every instance where you see a setting with that name in it, right click it and choose ''''''Modify ''''''and then ''''''Reset''''''. Then close Firefox and restart it. See example screenshot.
Babylon search and toolbar will be installed with an IM chat client called ''Digsby'' if you don't opt out of it during the installation. See the info at the foot of this page: http://techshali.com/digsby-instant-messenger-and-email-manager-social-networks/

Hide contents of tabbed panel initially

I am trying to make a tabbed panel where each panel contains gallery or slideshow. That works fine, but I really want the galleries hidden initially. Using a blank slideshow widget there is no option to do so. I have also considered a menu bar that when clicked would expose a specific gallery. Like populating an i-frame. Can anyone give me a solution to this?

Hi
With tabbed panel , we cannot show only tabs containing information. For this specific action you can try accordion and select "Can close all" , this would initially hide the containers where you can use slide shows.
Also, tooltip for the purpose can be used , where the content will come on screen as pop-up on rollover with triggers.
Try the suggestions and let me know if you have any additional question.
Thanks,
Sanjit

Mac Yosemite 10.10.2 -- System Pref. Java pane/ctrl-panel, Update-tab-function no-longer works, after updting to Java 8v40

Under the Mac Yosemite 10.10.2 O.S. -- the System Preferences: Java pane/ctrl-panel: Update-tab-function no-longer works, after updting to Java 8v40 JRE & SDK -- says that the internet connection is not valid !

A few questions....I assume your network is connected to the Internet? Do you use a proxy? If so, is it set in the browser or in the Java Control Panel?
-Roger

My ipod touch 4g just updates today on itunes and the update caused more trouble than good. My ipod will no longer show me the battery percentage in the top right hand corner and also I am not allowed to drag other applications to the bottom panel.

My ipod touch 4g just updates today on itunes and the update caused more trouble than good for me. My ipod will no longer show me the battery percentage in the top right hand corner and I am not allowed to drag other applications to the bottom panel. Also my itunes doesn't allow "enable disk use" anymore. Can anyone help? My ipod now says that it's the 4.3.4 version

- Unjailbroken iPod never showed % battery. Just the icon.
- Unjailbroken iPod Touches never had a disk mode.
- What happens when you try to drag a wiggling app to a empty space in the bottom? Does it move and snap back?

When I plug my ipod in I am able to add song to it but the tab that says "on this ipod" no longer shows up so I cannot remove things from my ipod or anything like that. How do I change this weird setting?

When I plug my ipod in I am able to add song to it but the tab that says "on this ipod" no longer shows up so I cannot remove things from my ipod or anything like that. How do I change this weird setting? On other computers this shows up fine so it is clearly a problem with itunes and not my ipod.

Boot Camp Partition no longer shows in StartUp Control Panel

My Boot Camp partition no longer shows in StartUp Control Panel, but does show up using Option Key at startup. This started soon after the latest Parallels update. The Boot Camp partition seems normal and healthy in the finder. Once started via the Option Key, Windows XP-SP3 runs fine. Upgrading to BC 3.0 did not have any affect.
I've tried LOTS of troubleshooting strategies, including completely deinstalling Parallels. Deleting obvious preferences, etc.. No joy.
Any suggestions?

Hi,
if I remember correctly Parallels installs some kind of file system driver to OSX to access NTFS files system partitions.
The 'case of the missing Windows partition' is widely spread when using these NTFS file system drivers in OSX.
(Others are NTFS-3G; Paragons NTFS for Mac and Tuxera NTFS for Mac).
To my knowledge there is no other remedy to this phenomenon then to deinstall the NTFS drivers.
But as long as the Option-key is working maybe you can live with it.
Or use rEFIt http://refit.sourceforge.net/ as a Boot-Menu.
Regards
Stefan

Albums no longer show up in itunes and screensaver/background control panel

As of a day or so ago I am not longer able to update my pics in itunes as itunes no longer shows my albums in the ipod section of the preferences. Also I no longer see my albums for screensaver in the screensaver pane of the control panel. It seems these two are interconnected. I have tried removing the prefs and am getting nothing. Maybe export the library and reimport fresh?
Newest versions of all software installed.

macona:
Welcome to the Apple Discussions. Even though you've tried deleting the preference files try the following:
1 - delete the iPhoto, iTunes and screensaver preference files. The screensaver files will be in your Library/ByHost folder. There may be at least two files with screensaver in the name.
2 - run Disk Utility and repair disk permissions.
3 - run Cocktail and delete the various use caches and run the cron scripts (in the Pilot section)
4 - launch the applications in the following order: iTunes and then iPhoto
5 - now try to reset the screen saver.
Do you Twango?

The CC control panel use to show my 4 applications CC, CS6, LR5 and Bridge, now LR5 is no longer showing up. I pay for the photographer bundle, which includes LR5 and CC, why has it been dropped off? Is there any way to bring it back in the panel, because

The CC control panel use to show my 4 applications CC, CS6, LR5 and Bridge, now LR5 is no longer showing up. I pay for the photographer bundle, which includes LR5 and CC, why has it been dropped off? Is there any way to bring it back in the panel, because in the listed applications which can be added below it is not listed. Thanks!

If you're a paying Creative Cloud member, you may not see Lightroom in the Creative Cloud if your computer doesn't meet the minimum system requirements. Check to make sure that your system meets the minimum requirements for the latest release of Lightroom.
If you're using a trial version of Creative Cloud, the Lightroom trial is not available through Creative Cloud. It is, however, available as a stand-alone trial. See Install Lightroom trial | Creative Cloud membership.
Please refer to : Lightroom and Creative Cloud FAQ
Regards
Rajshree

Having trouble with dreamweaver cs 6 spry tabbed panels, all content in each tab showes through like

Having trouble with dreamweaver cs 6 spry tabbed panels, all content in each tab showes through like it was all created on one page, plus mouse over doesnt work on them.
This started all of a sudden.
The entire website is a series of spry tabbed panels.
http://pacificlaser.com/const.html
if you click on General construction tab things work ok...
if you click on Machine control tab, mouse over doesnt work and all page content of each tab show through.
ive been looking for the answer for 4 months with no success.
Hope a fellow dreamwever-person can help
Thanks Rick

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

Slide show in a Tabbed Panel

I created a moving slide show using Creative DW Image Show Pro (a Dreamweaver extension) and inserted it into a tabbed panel created in Dreamweaver using the Tabbed Panel Widget. It's a three tab panel with an image show, SWF, planned for each tab. The first tab accepted the image show and seems to be working fine. But when I loaded the second show in the second tab, it did not work.
I have read the code a number of times and have found nothing wrong, but my knowledge in that area is limited.
I am working in Mac OS 10.6.2 and in Dreamweaver CS4.
You can find the uncooperative page at
http://dcarchts.com/projects.html
Thanks,
Merle

This can be done in iweb using 'my albims' page, I posted various versions of this (of the same javascript). But here it is (again), add the following to your 'My Albums' pae using HTML Snippet:
<script type='text/javascript'>
function redoMediaGridWidget() {
headerControlsDiv = parent.document.getElementsByClassName('com-apple-iweb-widget-headercontrols')[ 0];
headerControlsWidget = headerControlsDiv.widget;
mediaGridID = headerControlsWidget.p_mediaGridID();
mediaGrid = parent.document.getElementById(mediaGridID);
if (mediaGrid) {
mediaGridCount = mediaGrid.childNodes.length;
for (mgi = 0; mgi<mediaGridCount; mgi++) {
mediaDiv = parent.document.getElementById('gridEntry' + mgi);
mediaDiv.removeAttribute('onclick');
slideDiv = mediaDiv.widget.getElementById('slideshow_placeholder');
mediaDiv.widget.p_startSlideshow(slideDiv);
mediaDiv.addEventListener('mouseover', function(){mediaDiv.widget.p_scrub(slideDiv);});
mediaDiv.addEventListener('mouseout', function(){mediaDiv.widget.p_startSlideshow(slideDiv);});
clearInterval(chkMediaGridWidget);
chkMediaGridWidget = setInterval('redoMediaGridWidget()', 500);
</script>
here is my example: http://widgets.cyclosaurus.com/ImageRotate2/ImageRotate/ImageRotate.html

Tabbed panels no longer showing up

Similar Messages

Maybe you are looking for