Skip to main content
A
alpshiker
Known Participant
September 1, 2022
Answered

Spry collapsible panels ?

  • September 1, 2022
  • 1 reply
  • 1879 views

Hi,

I recently upgraded from Dreamweaver CS6 to current, and I'm having a hard time figuring how I can get the action in title to show in the Insert menu. It's not the Bootstrap accordion that I want, but single collapsible boxes that I use with show-hide click for excess text. Has this taken another name, or is there a way I can pick it in my old Dreamweaver and import in the new one, or from the pages that have it?

 

A side question: I was hoping that the new version would not be plagued by the contextual menu following the pointer (press command to show the table's strucure). Is there a way I can deactivate this?

 

Thank you

Best regards, Paul

    This topic has been closed for replies.
    Correct answer Nancy OShea

    Nancy, I have to apologize for giving you such work, so thank you for your illustrate explanation!

    I have to say that between the interface and the working of DW CC, which is so different (for me) than what I was used to with DW CS6, and the Bootstrap components which so far refuse to install in the pages when I (double) click on them, or drag and drop, I have a fair amount to digest and it will probably take me a little time to understand. I have now the tools, and I will learn at my pace. Thank you!

    Cheers

    Paul


    To use Bootstrap componenents, you must begin with a Bootstrap document.

     

    The simplest way to do that is have a defined site.  And create a new document from a Starter Template > Bootstrap Template.

    Once created, save as index.html.

     

    From there you can edit and add components.

     

    DO NOT mix Bootstrap versions. DW contains Bootstrap 4.  It has not been updated to support Bootstrap 5.  I don't know if it ever will.  I am comfortable coding with Bootstrap manually, so I use whichever version is best for my project. If you're not comfortable coding, use Bootstrap 4.

     

     

     

    1 reply

    BenPleysier
    Community Expert
    BenPleysierCommunity Expert
    Community Expert
    September 1, 2022

    Spry is no longer supported. See https://github.com/adobe/Spry

     

    If you want to continue using spry, which I would discourage, then you can use the repository at Github.

     

    I would suggest replacing the Spry modules with the relevant Bootstrap modules.

     

     

    Wappler is the DMXzone-made Dreamweaver replacement and includes the best of their powerful extensions, as well as much more!
      A
      alpshikerAuthor
      Known Participant
      September 1, 2022

      … I also wished I could understand why copying pasting the Spry code within the same page doesn't make it work in DW CC. Since the page already contains the support lines, it should work, or is there an explanation? As you see, I'm still novice in web design even after 20 years…

      BenPleysier
      Community Expert
      BenPleysierCommunity Expert
      Community Expert
      September 1, 2022

      That's exactly the answer !

      ex: id="CollapsiblePanel23" , or else. Luckily they don't seem to have to be placed in progressive order.

      I'll try to save that code as a shortcut and numbering the new ones by hand, and see. 

      Contents might be controversial for some, but sure! "Read more" buttons.

      Lots of html errors in the pages but they seem to work nevertheless.

       

      Many thanks!

      Paul


      No sure if it is fixed or not.

       

      Just in case it is not, Spry widgets consist of 3 parts, HTML, CSS and JS. The CSS and JS are usually contained within their own files. The HTML consists of the markup as well as a constructor. The constructor looks like

      var CollapsiblePanel6 = new Spry.Widget.CollapsiblePanel("CollapsiblePanel6", {contentIsOpen:false});

      where the div containing the collapsible panel looks like - containing a number which in this case is '6'.

      <div id="CollapsiblePane6" class="CollapsiblePanel">

       The constructors are usually found at the end of the HTML document.

       

      I hope this helps.

       

      This are a couple of sites that I have created

       

      Wappler is the DMXzone-made Dreamweaver replacement and includes the best of their powerful extensions, as well as much more!
        Terms & ConditionsAccessibility statement
        Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices