Skip to main content
Known Participant
September 1, 2022
Answered

Spry collapsible panels ?

  • September 1, 2022
  • 1 reply
  • 1869 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
    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!
    alpshikerAuthor
    Known Participant
    September 1, 2022

    Thank you Ben. Even though that's not really something I liked hearing…

    I found this Bootstrap collapse code, but to get it to work in my page will probably cost me some further headaches. Copying pasting the code doesn't suffice.

    Or I might just keep updating this website with the old computer and DW CS6.

    Best regards,

    Paul

     

    Nancy OShea
    Community Expert
    Community Expert
    September 3, 2022

    Bootstrap components depend on Bootstrap dependencies.  Without the Bootstrap CSS and JavaScripts, the components don't do anything.

     

    Go to File > New > Starter Templates > Bootstrap Templates. 

    Select a Sample Page layout. Hit the CREATE button. 

    Voila!  A Bootstrap document right before your eyes.

     

    Bootstrap is a mobile-first responsive framework for creating sites that work on ALL devices, no tables are used for layouts.  All the heavy CSS is all taken care of for you.  Frameworks greatly speed up production so you can focus more on content and less on coding.

     

    To get the most out of Bootstrap, learn to use the 12-box grid system and utility classes. Start here:

    https://www.w3schools.com/bootstrap4/

     

    Hope that helps.

     

    Nancy O'Shea— Product User & Community Expert