I can no longer edit source code in template file.

Report · Jun 19, 2022

I was trying to add a canonical tag in an "editable region". At first it worked well, but for some reason started giving me errors. I removed the editable region and wanted to attempt it again. Now I cannot edit the code at all. It is greyed out, and I cannot touch it. Please advise how to fix this.

Report · Jun 19, 2022

I don't know what you did to your Template.dwt or why it's not editable but if I had to guess, I'd say you damaged the code in some way.

Templates are very particular documents. The code syntax and structure are critical for them to work on Child pages. Do you have a backup of your original Template.dwt that you can revert to?

Nancy O'Shea— Product User, Community Expert & Moderator

Report · Jun 19, 2022

I uploaded a previous version from the remote server, which did the trick. I was also able to add a canonical tag. I figured out I only need one editable region for meta tags and similar. You're right about the syntax. I may have "commented out" the document. I have since created a page that doesn't have any CSS or HTML errors, according to W3C. I used a bootstrap navbar, but I coded my own CSS in external sheets. I used media queries to change size of text and photos. Could you have a look? thanks:

https://www.drct.com/radiation-detectors/ranger.html

Report · Jun 19, 2022

Bootstrap works out of the box without any custom CSS. I fear your random efforts to customize styles without understanding how Bootstrap works has messed things up.

Bootstrap is a 12-box grid layout system with a precise container, row, column structure, none of which you're using BTW.

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

</head>
<body>

<div class="jumbotron text-center">
  <h1>My First Bootstrap Page</h1>
  <p>Resize this responsive page to see the effect!</p> 
</div>
  
<div class="container">
  <div class="row">
    <div class="col-sm-4">
      <h3>Column 1</h3>
      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit...</p>
      <p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris...</p>
    </div>
    <div class="col-sm-4">
      <h3>Column 2</h3>
      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit...</p>
      <p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris...</p>
    </div>
    <div class="col-sm-4">
      <h3>Column 3</h3>        
      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit...</p>
      <p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris...</p>
    </div>
  </div>
</div>

<script src="https://cdn.jsdelivr.net/npm/jquery@3.6.0/dist/jquery.slim.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/js/bootstrap.bundle.min.js"></script>
</body>
</html>

I can't force you to do anything you don't want to do. But at this point in your learning, I think it would help you to focus more on structure and less on style. Structure effects functionality and usability. Style is merely eye candy.

Nancy O'Shea— Product User, Community Expert & Moderator

Report · Jun 19, 2022

Thanks, I appreciate your candor. I do like learning code, even though it is nerve racking. Something bootstrap related, I ran my page through an Chrome dev tools. I was given these error messages. It seems it could not load a source map. Please advise on how to correct. thanks:

DevTools failed to load source map: Could not load content for https://www.drct.com/js/bootstrap.js.map: HTTP error: status code 404, net::ERR_HTTP_RESPONSE_CODE_FAILURE
DevTools failed to load source map: Could not load content for https://www.drct.com/js/popper.min.js.map: HTTP error: status code 404, net::ERR_HTTP_RESPONSE_CODE_FAILURE
DevTools failed to load source map: Could not load content for https://www.drct.com/css/bootstrap.css.map: HTTP error: status code 404, net::ERR_HTTP_RESPONSE_CODE_FAILURE
base.js:6370 POST https://play.google.com/log?format=json&hasfast=true&authuser=0 401
g.h.send @ base.js:6370
Bea @ base.js:582
Zea @ base.js:616
t @ base.js:6386
g.h.flush @ base.js:6387
Jh.flush @ base.js:6389
g.h.vE @ base.js:6348
Se @ base.js:375
g.h.dispatchEvent @ base.js:6297
g.h.Q0 @ base.js:6343

Report · Jun 19, 2022

Don't worry what Chrome developer says about Bootstrap. That's hands off anyway.

Validation testing of Bootstrap will result in errors & warnings because Bootstrap contains vedor prefixes and other hacks aimed at certain devices. For practical reasons you need them although technically they are not web standards compliant code.

404 means the asset cannot be found at that location on your server.

Nancy O'Shea— Product User, Community Expert & Moderator

Report · Jun 20, 2022

Some times when using templates, and worth when the local website remained inactive for a long time.. quite a few artifacts or inappropriate or unexpected behaviors can occur.. so to resolve it, one have to reapply the template itself (DWT) to the child pages that we want to edit...

two ways for that purpose...

soft method, from the top right contextual menu of the assets palet (template sub icon on the left side) , use recreate the web site sub menu

hard method, drag and drop the template from the assets panel, over the display view of the child template

Report · Jun 20, 2022

Thanks very much. I was able to resolve it. Issues keep coming up so all advice is welcome. The WC3 code check is invaluable.

Report · Jun 20, 2022

what did you do to resolve your problem ?

Report · Jun 20, 2022

I used "get" to retrieve the most recent copy on the remote server. Sometimes when I copy code/paste code , I notice that I need to retype it. The syntax may be correct, but for some reason the format is not compatible. That problem comes up every so often.

Report · Jun 20, 2022

So your local copy get corrupted but not the remote one !

Report · Jun 20, 2022

Yes, it was my bad. It happened after I edited it. Not sure what I did. It could have been simple. I may have commented it out.

Report · Jun 20, 2022

think to get back up in a secure place of all your DWT and LBI files... just in case

I can no longer edit source code in template file.

2 Correct answers