Dreamweaver Spry Tabbed Panels

  • I am using Dreamweaver CS4 and am inserting Spry Tabbed Panels which work fine in any browser.

    However I am inserting the code into a WordPress page and notice that the TabbedPanelsTab headings are appearing with large gaps between each heading and if I use Firefox to look at this I can see that there are bullets appearing next to each heading.

    Here’s the code:
    <div id=”TabbedPanels1″ class=”TabbedPanels”>
    <ul class=”TabbedPanelsTabGroup”>
    <li class=”TabbedPanelsTab” tabindex=”0″>January
    <li class=”TabbedPanelsTab” tabindex=”0″>Feb
    <li class=”TabbedPanelsTab” tabindex=”0″>Mar
    <li class=”TabbedPanelsTab” tabindex=”0″>Apr
    <li class=”TabbedPanelsTab” tabindex=”0″>May
    <li class=”TabbedPanelsTab” tabindex=”0″>Jun
    <li class=”TabbedPanelsTab” tabindex=”0″>Jul
    <li class=”TabbedPanelsTab” tabindex=”0″>Aug
    <li class=”TabbedPanelsTab” tabindex=”0″>Sep
    <li class=”TabbedPanelsTab” tabindex=”0″>Oct
    <li class=”TabbedPanelsTab” tabindex=”0″>Nov
    <li class=”TabbedPanelsTab” tabindex=”0″>Dec

    Can’t turn the bullet points off and I think the <li is causing this.

    Does anybody have any idea how to fix this please?

Viewing 5 replies - 1 through 5 (of 5 total)

  • Try editing your theme’s stylesheet.

    Thread Starter designtheweb

    (@designtheweb)

    Thanks, that was a bit tricky when there are several stylesheets but I’ve managed to do it.

    yesmaybe

    (@yesmaybe)

    I am also interested in using Spry tabbed panels within WordPress. I have seen some other WP plugins, but not quite the same as Spry.

    @designtheweb, could you give me the link where your wordpress/spry tabbed panels are working? and if you have time, explain how you integrated the tabbed panels into a WP page?

    Many thanks,
    Andy

    I followed https://labs.adobe.com/technologies/spry/articles/tabbed_panel/ and created Vertical Tabbed Panels. I coded it in Aptana Studio, an open source HTML editor and it worked in a normal HTML page. However, when I integrated it at my WordPress Website in a Widget in Footer Left; it does not work as expected. It is showing bullets as we’ve discussed above and the TabbedPannelContent comes below the tab options on right hand side.

    To turn off the bullets, I directly inserted the code in footer.php. However, the first li lines taking complete space and their content is coming afterwards.

    Take a look at my website – https://www.omabc.com and see the vertical tabs at the bottom. Currently, the code is in a Widget.

    Tips: Above Spry Tabbed Panel shows how you can create the tabbed pannels simply. You can see my code in using ‘View Source Option’ in any browser, ‘View Selection Source’ in Firefox, or ‘Inspect Element’ in Google Chrome.

    Any help will be appreciated.

    hello there i need help…

    i just want to know what php file to edit and how edit to swap title post,
    my post found in google but it goes to tag,category what i want is the title of the post will display if they click they goto the post directly.

    thanks

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Dreamweaver Spry Tabbed Panels’ is closed to new replies.