Snippets in Dreamweaver Spry Tabbed Panels?

SnippetMaster Support Forums
Return to main website

May 24, 2012, 07:51:09 AM
* Show unread posts since last visit.
* Show new replies to your posts.

Welcome, Guest. Please login or register.
Did you miss your activation email?
May 24, 2012, 07:51:09 AM

Is there a way to implement Snippetmaster into Dreamweaver Spry Tabbed Panels? I'm working with 3 tabs and would like each tablet to have unique content that is user editable. I listed the code. Where would I insert the snippet tabs. I tried messing around with it but when I tried to edit the tab with wysiwyg it looked weird, not like how a it looks live.

Code:

<div id="TabbedPanels1" class="TabbedPanels">
 <ul class="TabbedPanelsTabGroup">
 <li class="TabbedPanelsTab" tabindex="0">Tab 1</li>
<li class="TabbedPanelsTab" tabindex="0">Tab 2</li>
<li class="TabbedPanelsTab" tabindex="0">Tab 3</li>
 </ul>
 <div class="TabbedPanelsContentGroup">
 <div class="TabbedPanelsContent">
 Tab 1 
Under Construction
 
  
  
  
  
  
  
  
  
  
  
 </div>
<div class="TabbedPanelsContent">
Tab 2 
Under Construction

 
 
 
 
 
 
 
 
 
 
 
</div>
<div class="TabbedPanelsContent">
Tab3 
Under Construction

 
 
 
 
 
 
 
 
 
 
 
 
</div>
 </div>
</div>

Hello,

Sure, you should be able to do something like this:

Code:

<div id="TabbedPanels1" class="TabbedPanels">
<ul class="TabbedPanelsTabGroup">
<li class="TabbedPanelsTab" tabindex="0">Tab 1</li>
<li class="TabbedPanelsTab" tabindex="0">Tab 2</li>
<li class="TabbedPanelsTab" tabindex="0">Tab 3</li>
</ul>
<div class="TabbedPanelsContentGroup">
<div class="TabbedPanelsContent">

Tab 1 
Under Construction
 
 
 
 
 
 
 
 
 
 
 

</div>
<div class="TabbedPanelsContent">

Tab 2 
Under Construction

 
 
 
 
 
 
 
 
 
 
 

</div>
<div class="TabbedPanelsContent">

Tab3 
Under Construction

 
 
 
 
 
 
 
 
 
 
 
 

</div>
</div>
</div>

Hey, please check your email.

Hello,

The problem is that your CSS stylesheet has the following style:

-------------
body {
   background: #187AD5 url(images/back_all.gif) repeat-x;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 13px;
   color: #A4E4F5;
}
--------------

So the editor is finding this style, and then applying it to the editor window... which is why you see that background image in the editor.

(Try editing out that background image from the body class above, and you should see the editor also changed...)

The solution is to specifically tell the editor to use a different background style when editing. I am planning to add this feature to a new version, but for now you have to do it manually. Here's a link to show how to do this:

http://www.snippetmaster.com/forums/index.php/topic,1234.0.html

I hope that helps?

Hi, I tried the solution in the link. I added the three lines to the end of my css file and still the same results. I don't think that is the issue since my other snippets work almost perfectly using the same css file. I think it has the do with the dreamweaver spry tabbed panel. Is there a way to get it to work properly with tabbed panels? Let me know if you need any more info. Shooting you an email just in case you don't see this here.

There's one way to check...

Try removing the "images/back_all.gif" from your css body tag, and see what happens.

(And also try changing the color in the body tag, etc...)

Other than that.. I don't know, as I'm not familiar with the dreamweaver spry tabbed system..

Figured out the issue. If using Spry Tabbed panels, you have to edit the Spry Assets CSS file also.