Skip to main content
C
Christopher33057982z2fo
Participant
March 14, 2024
Answered

Live view when using a CDN for CSS and JS

  • March 14, 2024
  • 2 replies
  • 895 views

Hello,

Perhaps a dumb question, but the live view in Dreamweaver is not rendering content correctly for me becuase, I think, I am using a CDN for my Bootstrap CSS. When I open my page in Dreamweaver, there are three tabs- one for the html, one for bootstrap.min.css, and one for bootstrap.bundle.min.js. In the bootstrap css and js tabs, there is a single line "Invalid URL. The URL structure is /npm/package@version/file.js" Is there a way to get the live view to work when linking to a content delivery network?

 

Thanks much for anwering my noob question.

Chris

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

    Oops, here is the screenshot.

     


    You're in Design View, not Live View. 

    Use Ctrl/Cmd + Shift + F11 to toggle between Design & Live view.

     

    F12 Preview in Browser. 

    Are you able to see styles from your local browser?

     

     

     

     

    2 replies

    Nancy OShea
    Community Expert
    Nancy OSheaCommunity Expert
    Community Expert
    March 14, 2024

    Which version of Dreamweaver?  Help > About Dreamweaver.

     

    Is this what you see when you click on the Bootstrap tabs? 

     

    Even if you could access the remote files, Bootstrap should never be edited by inexperienced users.  If you need to make custom changes, use a separate custom stylesheet that's saved to your local site folder and referenced below Bootstrap CSS.

     

    If you're still not seeing an accurate display in Dreamweaver, see screenshot.   Hit F5 (function key) to refresh your screen.

     

    Nancy O'Shea— Product User & Community Expert
      creid210
      creid210
      Participant
      May 14, 2024

      Yes, that is close to what I see. Refreshing related files did not help. I am attaching a screenshot of what I see in dreamweaver, that live view is obviously not using the bootstrap css that is linked. I updated the links that BenPleysier provided. Still no luck rendering correctly.

      Thanks for any additional help!

      Chris

      creid210
      creid210
      Participant
      May 14, 2024

      Oops, here is the screenshot.

       

      BenPleysier
      Community Expert
      BenPleysierCommunity Expert
      Community Expert
      March 14, 2024

      Thes are the correct links:

      <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">

<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
      Wappler is the DMXzone-made Dreamweaver replacement and includes the best of their powerful extensions, as well as much more!
        creid210
        creid210
        Participant
        May 14, 2024

        Thank you, I copied those files. I was using a 5.3.0 distribution, so that is now updated. The new links however did not resolve the problem with live view.

        Terms & ConditionsAccessibility statement
        Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices