Highlighted

Cannot make edits in live view

New Here ,
Sep 20, 2020

Copy link to clipboard

Copied

I can't make any edits in live view 😞 I cannot place my cursor in the text,  the Element Display tabs do not appear. Any recs on how I can fix this? 

 

Screen Shot 2020-09-20 at 12.35.25 PM.png

TOPICS
How to, Product issue

Views

23

Likes

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

Cannot make edits in live view

New Here ,
Sep 20, 2020

Copy link to clipboard

Copied

I can't make any edits in live view 😞 I cannot place my cursor in the text,  the Element Display tabs do not appear. Any recs on how I can fix this? 

 

Screen Shot 2020-09-20 at 12.35.25 PM.png

TOPICS
How to, Product issue

Views

24

Likes

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
Sep 20, 2020 0
Adobe Community Professional ,
Sep 20, 2020

Copy link to clipboard

Copied

  • Which version of DW?
  • Which operating system?
  • Show us your code please.

 

In the meantime, copy & paste the following code into a new, blank document and save as test.html.

Can you edit this?

<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Bootstrap 4.5, Vertically Centered Cards </title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="X-UA-Compatible" content="IE=edge">


<!--Bootswatch Theme-->
<link rel="stylesheet" href="
https://cdnjs.cloudflare.com/ajax/libs/bootswatch/4.5.0/solar/bootstrap.min.css">
<style>
html, body {height: 100% }
</style>
</head>
<body>
<!--begin top nav bar-->
<nav class="navbar navbar-expand-lg navbar-dark bg-default"> 
<!-- Brand --> 
<a class="navbar-brand" href="#">Brand Name or Logo</a> 

<!-- Toggler/collapsibe Button -->
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#collapsibleNavbar"> <span class="navbar-toggler-icon"></span> </button>

<!-- Navbar links -->
<div class="collapse navbar-collapse" id="collapsibleNavbar">
<ul class="navbar-nav ml-auto">
<li class="nav-item active"> <a class="nav-link" href="#">THIS PAGE</a> </li>
<li class="nav-item"> <a class="nav-link" href="#">MENU 2</a> </li>
<li class="nav-item"> <a class="nav-link" href="#">MENU 3</a> </li>
<li class="nav-item"> <a class="nav-link" href="#">MENU 4</a> </li>
<li class="nav-item"> <a class="nav-link" href="#">MENU 5</a> </li>
</ul>
</div>
</nav>

<div class="container">
<div class="border border-primary text-center">This div has a border</div>

<div class="jumbotron center-block">
<h1 class="text-white">Hello World!</h1>
<h2 class="text-warning">Welcome to Bootstrap 4</h2>
<h3 class="text-primary">Vertically Centered Cards </h3>
</div>
<div class="row row-eq-height bg-dark">
<!--BEGIN 4 COLUMNS & CARDS-->
<div class="col-sm-6 col-lg-3 align-self-center">
<div class="card h-100"> 

<img class="card-img-top" src="https://dummyimage.com/200x200" alt="Card image">
<div class="card-body">
<h4 class="card-title">Card title</h4>
<p class="card-text">Some quick example text to build on the card title. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Fugiat neque sit velit veniam suscipit obcaecati omnis ipsa aperiam molestiae sunt perspiciatis, error nostrum aspernatur, veritatis hic rem cumque minus odit.</p>
<!--/card-body--></div>
<!--/card--></div>
<!--/col--></div>
<div class="col-sm-6 col-lg-3 align-self-center">
<div class="card h-100"> <img class="card-img-top" src="https://dummyimage.com/200x200" alt="Card image">
<p>&nbsp;</p>
<img class="card-img-bottom" src="https://dummyimage.com/200x200" alt="Card image">
<!--/card--></div>
<!--/col--></div>
<div class="col-sm-6 col-lg-3 align-self-center">
<div class="card h-100"> 
<div class="card-body">
<h4 class="card-title">Card title</h4>
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aspernatur quos sequi maiores, quia error numquam repudiandae ipsam ab eveniet voluptas at eum.</p>
<a href="#" class="btn btn-danger">MORE +</a>
<!--/card-body--></div>
<!--/card--></div>
<!--/col--></div>
<div class="col-sm-6 col-lg-3 align-self-center">
<div class="card h-100">
<div class="card-body">
<h4 class="card-title">Card title</h4>
<p class="card-text">Some quick example text.</p>
<a href="#" class="btn btn-danger">MORE +</a> 
<!--/card-body--></div>
<!--/card--></div>
<!--/col--></div>
<!--/row--></div>
<hr>
<footer class="row">
<p class="text-center text-light">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cumque ab explicabo voluptas libero impedit. Modi vel, dolores placeat id magni ut odit libero repudiandae necessitatibus? Dolorem magni illo necessitatibus error.</p>
</footer>
<!--/container--></div>

<!--First jQuery then Popper then Bootstrap--> 
<script src="https://code.jquery.com/jquery-3.5.1.min.js" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
<!--Popper JS--> 
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.11.0/umd/popper.min.js" integrity="sha384-b/U6ypiBEHpOf/4+1nzFpr53nxSS+GLCkfwBdFNTxtclqqenISfwAzpKaMNFNmj4" crossorigin="anonymous"></script> 
<!--Latest Bootstap 4 JS--> 
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js"></script>

</body>
</html>

 

Nancy O'Shea, ACP
Alt-Web Design & Publishing

Likes

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
Reply
Loading...
Sep 20, 2020 0