• Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
    Dedicated community for Japanese speakers
  • 한국 커뮤니티
    Dedicated community for Korean speakers
Exit
0

Live view display not working on Windows 10

New Here ,
May 13, 2022 May 13, 2022

Copy link to clipboard

Copied

Screenshot (75).png

The Live View display is not working (I think that's what it's called). I checked that the " hide live view display" was not on. I've tried uninstalling it and reinstalling an older version. I even updated the driver in the videocard.

 

I'm at a loss. any help would be appreciated. 

TOPICS
Error , Interface , Performance , Product issue

Views

103

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
May 13, 2022 May 13, 2022

Copy link to clipboard

Copied

I'm at a loss too because I can't see your code.  Screenshots don't tell us anything.

Save your document and close Dreamweaver.

 

1. Restart Dreamweaver.

2. Go to Site > Manage Sites...  ensure your site folder is defined and resides on your primary hard drive. eg. C:\MyTestSite\

3.. Go to Window > Results > Validation.

4. Check the document's code and fix any reported errors.  Save document.

 

If you continue to have problems, upload your problem page to your remote server and post back with the URL.

 

Nancy O'Shea— Product User, Community Expert & Moderator
Alt-Web Design & Publishing ~ Web : Print : Graphics : Media

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
May 13, 2022 May 13, 2022

Copy link to clipboard

Copied

As a test, copy & paste this code into a new, blank document and save with Ctrl/Cmd + S. 

 

<!doctype html>
<html lang="en">
<head>
<title>Bootstrap 5.1.3 Example</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!--latest minified Bootstrap CSS-->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet">
</head>

<body class="d-flex flex-column min-vh-100">
<!--navbar-->
<nav class="navbar navbar-expand-md navbar-dark bg-dark ">
<div class="container-fluid">
<a class="navbar-brand" href="#">Logo</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#collapsibleNavbar">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="collapsibleNavbar">
<ul class="navbar-nav">
<li class="nav-item"><a class="nav-link" href="#">Link</a></li>
<li class="nav-item"><a class="nav-link" href="#">Link</a></li>
<li class="nav-item"><a class="nav-link" href="#">Link</a></li>
<li class="nav-item"><a class="nav-link" href="#">Link</a></li>
</ul>
</div>
</div>
</nav><!--/nav-->

<div class="container mt-3">
<div class="row">
<div class="col-10 mx-auto">
<h3 class="mt-3">Collapsible Navbar</h3>
<p>In this example, the navigation bar is hidden on small screens and replaced by a button in the top right corner. When button is tapped/clicked, navigation bar opens to reveal vertically stacked links.</p>
<hr>
<h3>Linked Image</h3>
<figure><a href="https://example.com">
<img class="img-fluid" src="https://dummyimage.com/900x300" alt="placeholder" title="Link to Example.com"></a><figcaption class="text-center">Fig. 1 Caption</figcaption>
</figure>
</div><!--/col-->
</div><!--/row-->
</div><!--/container-->

<div class="container-fluid mt-auto">
<footer class="row bg-dark text-light text-center">
<div class="col">
Footer text
</div>

<div class="col">
Footer text
</div>

<div class="col">
Footer text
</div><!--/col-->
</footer><!--/row-->
</div><!--/container-->

<!--latest minified Bootstrap JS bundle-->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"></script>
</body>
</html>

 

Toggle between Design & Live View with Ctrl/Cmd + Shift + F11  (enable keyboard function keys if required).  It should look like this in Live View.

 

image.png

 

Nancy O'Shea— Product User, Community Expert & Moderator
Alt-Web Design & Publishing ~ Web : Print : Graphics : Media

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
May 13, 2022 May 13, 2022

Copy link to clipboard

Copied

Screenshot (77).png

still no Live View display

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
May 13, 2022 May 13, 2022

Copy link to clipboard

Copied

Screenshot (77).png

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
May 13, 2022 May 13, 2022

Copy link to clipboard

Copied

LATEST

That's exactly what the page looks like.  So there is nothing wrong with Live View. 

 

Your zoom level appears to be quite low.  Try increasing your magnification settings from the View menu or use keyboard shortcut Ctrl +++. 

 

Nancy O'Shea— Product User, Community Expert & Moderator
Alt-Web Design & Publishing ~ Web : Print : Graphics : Media

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines