Help! Refresh default tabbed panel

Hi,
I have a problem with my spry tabbed panels. The default tab
is set to be the 1st tab, when I move to 2nd tab and navigate
through the content, as the page refreshes, and before it is fully
loaded it shows the content of the first tab for about 20 seconds
or so....then the page finally goes to the desired content on the
2nd tab....
How can I make it so this does not happen and it looks like a
smooth transition as I navigate through my pages?
Thanks,
Brandan98

Hi Ken:
When I insert a new spry panel it appears with all the css from the other page.
When I began to make changes the other page reflexs those changes.
Don't know how to get a separate SpryCss sheet. Do you?

Similar Messages

Help! Spry Tabbed Panels

Hi,
I have a problem with my spry tabbed panels. The default tab
is set to be the 1st tab, when I move to 2nd tab and navigate
through the content, as the page refreshes, and before it is fully
loaded it shows the content of the first tab for about 20 seconds
or so....then the page finally goes to the desired content on the
2nd tab....
How can I make it so this does not happen and it looks like a
smooth transition as I navigate through my pages?
Thanks,
Brandan98

I think that's the way Spry is programmed. Have you tried
posting on the
Spry forum? That might elicit more knowledgeable help.
Al Sparber - PVII
http://www.projectseven.com
Fully Automated Menu Systems | Galleries | Widgets
Elevating Dreamweaver Widgets to a Higher Level
http://www.projectseven.com/products/tools/elevators
"Brandan98" <[email protected]> wrote in
message
news:fttlqs$b3m$[email protected]..
> Hi,
>
> I have a problem with my spry tabbed panels. The default
tab is set to be
> the
> 1st tab, when I move to 2nd tab and navigate through the
content, as the
> page
> refreshes, and before it is fully loaded it shows the
content of the first
> tab
> for about 20 seconds or so....then the page finally goes
to the desired
> content
> on the 2nd tab....
>
> How can I make it so this does not happen and it looks
like a smooth
> transition as I navigate through my pages?
>
> Thanks,
> Brandan98
>

Help Using Spry tabbed panel as a menu.

Thanks in advance to all who take the time to read and any assistance you can offer.
I'm picking up where someone else started a website. They used Spry tabbed panels as a menu system (CS4). Each Panel is a top-level "menu" and when it opens, sub-menus (hyperlinks) come up vertically under the panel. I REALLY don't want to start over if I don't have to - need the site up and running - but cannot figure out how to make the "HOME" tabbed panel (the first one) actually take users back to the home page. For now, I've created a "submenu" (link) under HOME tabbed panel to help the user navigate back to the home page.
HELP?
http://www.orange.k12.nc.us/ec/beta/default.html

Thank you Gramps - for your prompt and helpful response! Your solution absolutely fixed the problem I asked about.
If I had followed forum advisories and asked the question correctly, the navigation on this website would probably be working perfectly by now. Your solution fixes the home page. Can you look at one more page and advise please??
On the "subpages" of this site, the same tabbed panel "fake menu" exists. I replaced the equivalent line of code in the template for those pages (at line 45) with what you gave me. I'm obviously missing something in the code to send the user back to the HOME page from these pages.
In the sample link below, you will be starting from a "subpage" of the site. Clicking on the "HOME" tab leads you not to the actual home page (default.html in the root directory) but to a default.html page within the subdirectory for the page you are on (which doesn't exist.) Can I add something to that line of code to get them back to the home page?
Again... thank you!!
http://www.orange.k12.nc.us/ec/beta/Students/Student_Resources.html

How to use php variable for default tabbed panel

I have a tabbed panel and with tabs labelled with the days of the week. What I want to do is open up the tab that correspond to the current day. I have been using the following to get the day in 3 char format:
<?php
$jd=cal_to_jd(CAL_GREGORIAN,date("m"),date("d"),date("Y"));
echo(jddayofweek($jd,2));
?>
What I want to do is replace the value for the default tab in the following statement with a variable that matches the day returned with a number:
var TabbedPanels1 = new Spry.Widget.TabbedPanels("TabbedPanels1", {defaultTab:1});
Please could anyone advice?
Regards,
Lloyd

Hi,
BIND_VARIABLE is useful when you have only IN variable but in your case you have IN and OUT.
I don't know if you use the gateway for MS SQL SERVER or HSODBC/DG4ODBC but here how you can do to call a remote procedure with bind variables:
DECLARE
ret integer;
inp varchar2(255);
outp varchar2(255);
BEGIN
inp :='Hello World';
outp :='';
ret := "dbo"."in_out_proc_test"@tg4msql( inp, outp);
dbms_output.put_line('Input value: ' ||v_ut1||' - Output value: '||v_ut2);
END;
The MS SQL Server procedure belongs to the user "dbo" and the database link
being used is tg4msql.
The following line initilaize the out variables of the procedure with an
empty string:
outp :=''
I hope it helps you.
Regards
Mireille

Need help linking spry tabbed panel from external page

Could use some help. I need to link to a specific spry tabbed panel on page "A" from a link on page "B" I have tried several "solutions" on the web and had no luck. When I add the code needed at the bottom of the code where you initiate the instance, it stacks the content of ALL panels in the first panel, and renders the tabs inoperable. This is a key feature I need in a new site being developed.

I need to link to a specific spry tabbed panel on page "A" from a link on page "B" I have tried several "solutions" on the web and had no luck.
Have you tried http://foundationphp.com/tutorials/spry_url_utils.php ?
When I add the code needed at the bottom of the code where you initiate the instance, it stacks the content of ALL panels in the first panel, and renders the tabs inoperable.
Depending on what the code looks like, it can do all sorts of things.
Please be reminded that the best way for us to help you is by you supplying a link to your site with a one sentence description of the problem.
Gramps

Help needed for tabbed panels

I'm having problems with my html pages that utilize Spry
tabbed panels. The majority of them look as expected but when a
page requires a scroll bar because of it's increased length,
there's a noticeable shift from page to page.
Almost looks like the pages jump horizontally. Can someone
take a look & offer some help?
Thanks much, VSE_driver
http://www.monocacyequine.com/newweb/index.html

Nothing to do with tabbed panels. This is to do with Firefox
etc adding a scroll bar on the right and then the outer div
"wrapper" being centered horizontally on the page.
Try adding a css relative position attribute to the wrapper
id element
#wrapper{
position: relative;
left: 100px;
</style>
Adjusting the left element as required.
Phil

HELP WITH SPRY TABBED PANEL -

On one page I created a spry-tabbed panel with a distinctive look.
On another page, same website, I created another spry tabbed panel with its own distinctive look, its own color scheme.
On doing the second page I discovered I was also inadvertantly changing the color, boarders etc to the spry tabbed panel on my first page.
Don't want to do that.
How do I create a spry panel on 2 different pages within the same web site and let each have its own independent spry set of attributes
Howard Blume
[email protected]
max os x system10.6.6
dreamweaver 5

Hi Ken:
When I insert a new spry panel it appears with all the css from the other page.
When I began to make changes the other page reflexs those changes.
Don't know how to get a separate SpryCss sheet. Do you?

Link to non-default Tabbed Panel

I'm looking to set up a link from one page of a site to
another. The destination page has a TabbedPanels widget. I would
like to be able to have the link bring the user to a non-default
TabPanel. I have found some information about doing this from the
within same page, but not from another page in the site (or any
external url).
The page is currently here:
http://staging.smudgedgraphics.com/whitelamb/rates.html
I would like to link to:
http://staging.smudgedgraphics.com/whitelamb/specials.html
[to the Cottages Tab]
Any help would be appreciated.
Thanks!

I've read through that page several times, and the
information is great, but for a more digested version of what you
want to achieve, you can also check out
Opening
Specific Tabs and Accordion Panels from Another Page
Nicely laid out on how to use the SpryURLUtils.js file to
achieve exactly what you are looking for.

What's the URL for a tabbed panel?

I posted this question last week to a topic that I think now
must have been abandoned, so I'm giving it another try as a fresh
topic. I've read everything in the Forums thus far posted about
linking to a non-default tab in a tabbed panel. But even after
reading this documentation (and the page "URL Utils Sample" which I
found to be written in an impenetrable technical shorthand, though
I gave it my best, so please don't refer me back to that), I can't
figure it out. There's also at least one other person on the forum
who is also dying to know the answer, so you'll be helping both of
us! Please assume in your response that you are speaking to someone
with only the most superficial understanding of Javascript -- I
assure you I will not feel patronized :-).
I thought from reading URL Utils Sample that if I typed this
URL...
http://www.georgeglazer.com/prints/americana/americanatest.html?panel2
...then instead of the default tabbed panel (History), it
would take me to the Currier & Ives panel (since the numbering
starts at 0). Right? But it doesn't. It stays on "History." There
are situations where we'd like to be able to send a client a link
that would open, say, "Currier & Ives" or "Folk Art" when they
land on that page.
I've tried putting the scripts in the header, in the body,
one in the header, one in the body, and combining them in one
script tag.
The scripts I'm talking about are:
<script type="text/javascript"
src="../../includes/SpryURLUtils.js">
var params =
Spry.Utils.getURLParamsAsObject(url);</script>
AND
<script type="text/javascript"
src="../../includes/SpryURLUtils.js">var TabbedPanels = new
Spry.Widget.TabbedPanels("TabbedPanels", {defaultTab:(params.panel
? params.panel : 0)});</script>
Any suggestions?
Thanks,
Helen

GlazerGallery wrote:
> I posted this question last week to a topic that I think
now must have been
> abandoned, so I'm giving it another try as a fresh
topic. I've read everything
> in the Forums thus far posted about linking to a
non-default tab in a tabbed
> panel. But even after reading this documentation (and
the page "URL Utils
> Sample" which I found to be written in an impenetrable
technical shorthand,
> though I gave it my best, so please don't refer me back
to that), I can't
> figure it out.
You might find this tutorial on my site is written in more
everyday
language:
http://foundationphp.com/tutorials/spry_url_utils.php
David Powers, Adobe Community Expert
Author, "The Essential Guide to Dreamweaver CS3" (friends of
ED)
Author, "PHP Solutions" (friends of ED)
http://foundationphp.com/

Embed and Accordion in a Tab Panel

Has anyone tried embedding an accordion widget inside a
tabbed panel? I'm running into an issue where the accordion doesn't
behave properly. I'm assuming it has something to do with the
hierarchy of div tags, but don't know enough yet to be certain. Can
anyone assist?
Michael

Hi Michael,
We have a known bug where accordions in a non-default tabbed
panel (initially hidden) doesn't work because it fails to
dynamically calculate its height due to the fact that it is
display:none.
I'll look into fixing it.
--== Kin ==--

Tabbed Panels border bug IE7?

If I insert the default Tabbed Panel widget and use this css
code (which is the default with the borders changed to black to
show the problem):
@charset "UTF-8";
/* SpryTabbedPanels.css - version 0.4 - Spry Pre-Release 1.6
/* Copyright (c) 2006. Adobe Systems Incorporated. All rights
reserved. */
/* Horizontal Tabbed Panels*/
.TabbedPanels {
margin: 0px;
padding: 0px;
float: left;
clear: none;
width: 100%; /* IE Hack to force proper layout when preceded
by a paragraph. (hasLayout Bug)*/
.TabbedPanelsTabGroup {
margin: 0px;
padding: 0px;
.TabbedPanelsTab {
position: relative;
top: 1px;
float: left;
padding: 4px 10px;
margin: 0px 1px 0px 0px;
font: bold 0.7em sans-serif;
background-color: #DDD;
list-style: none;
border-left: solid 1px #000;
border-bottom: solid 1px #000;
border-top: solid 1px #000;
border-right: solid 1px #000;
-moz-user-select: none;
-khtml-user-select: none;
cursor: pointer;
.TabbedPanelsTabHover {
background-color: #CCC;
.TabbedPanelsTabSelected {
background-color: #EEE;
border-bottom: 1px solid #EEE;
.TabbedPanelsTab a {
color: black;
text-decoration: none;
.TabbedPanelsContentGroup {
clear: both;
border-left: solid 1px #000;
border-bottom: solid 1px #000;
border-top: solid 1px #000;
border-right: solid 1px #000;
background-color: #EEE;
.TabbedPanelsContent {
padding: 4px;
.TabbedPanelsContentVisible {
I have a pixel missing at the left lower corner where the
border for the content appears to end and the border for the tab
appears to begin. This does not happen in Firefox...in FF the
borders meet and gives the appearance of one continuous border. As
with everything else that has to do with IE I am assuming this is
some "quirk" with IE but unsure. If it is what is the bug called
and what is the hack/work-around (if any)?

Name of the site is in the graphic above.
I have now seen that this small (1 pixel) gap exists in all implementations of the Spry Tabbed Panels.
Check yourself (you will need to use Ctrl+"+" to magify the screen to see it).
It seems to be an unavoidable bug that is usually hidden by colors that are not too contrasty.
Oh well, seems I have to accept this minor flaw and move on?

Tabbed Panels Bug

I've created a three tab panel using the widget, and put text in each of the three panels. It displays correctly in Design Mode, but when I switch to Preview or export the html to view in browser, the panels only display the center panel's text, no matter which one I click on.Check out these screen grabs, showing the panels working as designed in Design Mode, then check out the test site at http://scarlet-xrental.businesscatalyst.com/how-to.html:

Hi,
I am unable to replicate this behaviour in a default tabbed panel. So this issue must have cropped up during customizations. Are you able to replicate this problem starting from default tabbed panel again? Would it be possible for you to provide me with the steps to replicate this?
Thanks,
Vikas

Spry Tabbed Panels - Start with no default tab??

Hi all,
Is there any way that I can have a spry tabbed panels widget
and NOT have any tabs open when the page loads? I want to put
multiple tabbed panel widgets on one page for an artist's
discography
example:
Singles
- tab 1 - tab 2 - tab 3 - etc. etc.
Albums
- tab 1 - tab 2 - tab 3 - etc. etc.
Misc
- tab 1 - tab 2 - tab 3 - etc. etc.
I just want the page to look clean and compact - I don't want
any default tab to display. Is this possible? I looked on the Adobe
customization help for the widget but I can't seem to find an
answer. I managed to achieve this by deleting the
(this.defaultTab); part of this line in the .js file:
if (this.defaultTab)
this.defaultTab = this.getElement(this.defaultTab);
But when I did this, if I created multiple widgets, the
second widget and so on's tabs would not work properly, for some
odd reason. I'm kind of a newbie so I apologize for not making much
sense.
Thanks in advance.

Hi all,
Is there any way that I can have a spry tabbed panels widget
and NOT have any tabs open when the page loads? I want to put
multiple tabbed panel widgets on one page for an artist's
discography
example:
Singles
- tab 1 - tab 2 - tab 3 - etc. etc.
Albums
- tab 1 - tab 2 - tab 3 - etc. etc.
Misc
- tab 1 - tab 2 - tab 3 - etc. etc.
I just want the page to look clean and compact - I don't want
any default tab to display. Is this possible? I looked on the Adobe
customization help for the widget but I can't seem to find an
answer. I managed to achieve this by deleting the
(this.defaultTab); part of this line in the .js file:
if (this.defaultTab)
this.defaultTab = this.getElement(this.defaultTab);
But when I did this, if I created multiple widgets, the
second widget and so on's tabs would not work properly, for some
odd reason. I'm kind of a newbie so I apologize for not making much
sense.
Thanks in advance.

Spry Tabbed Panels Help

Greetings everyone:
I had an existing Spry tabbed panel with three tabs. I then
added a fourth tab and used the up arrow to move it to the number
one slot. It displays properly as far as the tab goes, but when the
page loads the original number one tab (now number two) is always
open.
How do I make the new number one tab the default for being
open when the page loads?
Thanks in advance for any help.
Glenn

Duh! (Smacks self in the forehead!)
How about in the property inspector - Default Panel.
Duh!
From reading all the purists posts on the board (Murray,
David and the rest of the gang) I immediately started looking for
this in the code and couldn't find it, so I posted the question.
I know, looking in the code is a good thing! :)
Thanks.
Glenn

Help! I have and issue with my tabbed panels

Hi,
I have a problem with my spry tabbed panels. The default tab
is set to be the 1st tab, when I move to 2nd tab and navigate
through the content, as the page refreshes, and before it is fully
loaded it shows the content of the first tab for about 20 seconds
or so....then the page finally goes to the desired content on the
2nd tab....
How can I make it so this does not happen and it looks like a
smooth transition as I navigate through my pages?
Thanks,
Brandan98

Hi,
I have a problem with my spry tabbed panels. The default tab
is set to be the 1st tab, when I move to 2nd tab and navigate
through the content, as the page refreshes, and before it is fully
loaded it shows the content of the first tab for about 20 seconds
or so....then the page finally goes to the desired content on the
2nd tab....
How can I make it so this does not happen and it looks like a
smooth transition as I navigate through my pages?
Thanks,
Brandan98

Help! Refresh default tabbed panel

Similar Messages

Maybe you are looking for