6 Replies Latest reply: Nov 18, 2011 8:32 AM by zei-mgilvey RSS

    Editable Head Tags

    zei-mgilvey Community Member

      Greetings,

       

      I've seen a response elsewhere but I can't respond to it so I'm probably adding duplicate info. Anyway, I've acquired a template website that is built in ASP. It doesn't appear that I can edit the head tags: title, description and keywords. I tried placing the following within the head tags but it didn't work, I still can't edit it on the other pages.

       

      <!-- InstanceBeginEditable name="doctitle" -->
      <title>Title entered here+</title>
      <!-- InstanceEndEditable -->

      <!-- InstanceBeginEditable name="description" -->
      <meta name="Description" content="Description entered here">
      <!-- InstanceEndEditable -->

      <!-- InstanceBeginEditable name="keywords" -->
      <meta name="keywords" content="Keywords entered here." >
      <!-- InstanceEndEditable -->

       

       

      I've done this exact same thing for HTML websites and they work fine.

        • 1. Re: Editable Head Tags
          MurraySummers CommunityMVP

          You must do this in the TEMPLATE page not in a child page.

           

          Can we see the head code from the Template, please?  Then we can tell you exactly what to do.  A properly made Template will have editable regions already inserted there for you to use....

          • 2. Re: Editable Head Tags
            zei-mgilvey Community Member

            Hi Murry,

             

            Yea, sorry, I meant to say that I AM doing it in the template. Here is the current Head of the template:

             

            <!--#include file="../includes/breadcrumb.asp"-->

            <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
            <html xmlns="http://www.w3.org/1999/xhtml">
            <head>
            <script type="text/javascript" src="../jquery-1.4.2.min.js"></script>
            <script type="text/javascript" src="../jdSlider/jawdropper_slider.js"></script>
            <link rel="stylesheet" href="../jdSlider/jawdropper_slider.css" type="text/css" />
            <link rel="stylesheet" href="../examples.css" type="text/css" />

            <link rel="stylesheet" type="text/css" href="../csshorizontalmenu.css" />

            <script type="text/javascript" src="../csshorizontalmenu.js">

            /***********************************************

            * CSS Horizontal List Menu- by JavaScript Kit (www.javascriptkit.com)
            * Menu interface credits: http://www.dynamicdrive.com/style/csslibrary/item/glossy-vertical-menu/
            * This notice must stay intact fok
            r usage
            * Visit JavaScript Kit at http://www.javascriptkit.com/ for this script and 100s more

            ***********************************************/

            </script>

            <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
            <title>Our Title</title>

            <meta name="Description" content="Out Description

            <meta name="keywords" content="Our Keywords" >

            <style type="text/css">
            <!--
            body,td,th {
            font-family: Verdana, Geneva, sans-serif;
            font-size: 15px;
            color: #333;
            }
            a:link {
            color: #333;
            }
            a:visited {
            color: #000;
            }
            . smallbodytext {
            font-family: Verdana, Geneva, sans-serif;
            font-size: 12px;
            color: #333;
            }
            .image_left {
            float: left;
            margin-right: 20px;
            padding-bottom:15px;
            margin-top: 15px;
            }
            .image_right {
            float: right;
            margin-left: 20px;
            padding-bottom:15px;
            margin-top: 15px;
            }
            .pdf {
            font-family: Verdana, Geneva, sans-serif;
            font-size: 12px;
            font-weight: bold;
            color: #069;
            font-variant: small-caps;
            }
            h6 {
            font-family:Verdana, Geneva, sans-serif;
            font-size:20px;
            font-weight: normal;
            border-bottom: 1px gray dotted;
            color:#006699;
            }
            }
            -->
            </style>
            <link href="../style.css" rel="stylesheet" type="text/css" />
            <style type="text/css">
            <!--
            body {
            margin-top: 0px;
            }
            -->
            </style></head>

             

            Here is what I replaced it with but doesn't seem to work:

             

            <!--#include file="../includes/breadcrumb.asp"-->

            <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
            <html xmlns="http://www.w3.org/1999/xhtml">
            <head>
            <script type="text/javascript" src="../jquery-1.4.2.min.js"></script>
            <script type="text/javascript" src="../jdSlider/jawdropper_slider.js"></script>
            <link rel="stylesheet" href="../jdSlider/jawdropper_slider.css" type="text/css" />
            <link rel="stylesheet" href="../examples.css" type="text/css" />

            <link rel="stylesheet" type="text/css" href="../csshorizontalmenu.css" />

            <script type="text/javascript" src="../csshorizontalmenu.js">

            /***********************************************

            * CSS Horizontal List Menu- by JavaScript Kit (www.javascriptkit.com)
            * Menu interface credits: http://www.dynamicdrive.com/style/csslibrary/item/glossy-vertical-menu/
            * This notice must stay intact fok
            r usage
            * Visit JavaScript Kit at http://www.javascriptkit.com/ for this script and 100s more

            ***********************************************/

            </script>

            <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

            <!-- InstanceBeginEditable name="doctitle" -->
            <title>Our Title</title>
            <!-- InstanceEndEditable -->

            <!-- InstanceBeginEditable name="description" -->
            <meta name="Description" content="Our Description">
            <!-- InstanceEndEditable -->

            <!-- InstanceBeginEditable name="keywords" -->
            <meta name="keywords" content="Our Keywords." >
            <!-- InstanceEndEditable -->

            <style type="text/css">
            <!--
            body,td,th {
            font-family: Verdana, Geneva, sans-serif;
            font-size: 15px;
            color: #333;
            }
            a:link {
            color: #333;
            }
            a:visited {
            color: #000;
            }
            . smallbodytext {
            font-family: Verdana, Geneva, sans-serif;
            font-size: 12px;
            color: #333;
            }
            .image_left {
            float: left;
            margin-right: 20px;
            padding-bottom:15px;
            margin-top: 15px;
            }
            .image_right {
            float: right;
            margin-left: 20px;
            padding-bottom:15px;
            margin-top: 15px;
            }
            .pdf {
            font-family: Verdana, Geneva, sans-serif;
            font-size: 12px;
            font-weight: bold;
            color: #069;
            font-variant: small-caps;
            }
            h6 {
            font-family:Verdana, Geneva, sans-serif;
            font-size:20px;
            font-weight: normal;
            border-bottom: 1px gray dotted;
            color:#006699;
            }
            }
            -->
            </style>
            <link href="../style.css" rel="stylesheet" type="text/css" />
            <style type="text/css">
            <!--
            body {
            margin-top: 0px;
            }
            -->
            </style></head>

             

            In case you can't spot the difference, I added editable regions:

             

            <!-- InstanceBeginEditable name="doctitle" -->
            <title>Our Title</title>
            <!-- InstanceEndEditable -->

            <!-- InstanceBeginEditable name="description" -->
            <meta name="Description" content="Our Description">
            <!-- InstanceEndEditable -->

            <!-- InstanceBeginEditable name="keywords" -->
            <meta name="keywords" content="Our Keywords." >
            <!-- InstanceEndEditable -->

            • 3. Re: Editable Head Tags
              MurraySummers CommunityMVP

              Yeah - that's not going to work.  Try making that section of the Template look like this -

               

              <!-- TemplateBeginEditable name="doctitle" -->
              <title>Our Title</title>
              <!-- TemplateEndEditable -->

              <!-- TemplateBeginEditable name="description" -->
              <meta name="Description" content="Our Description">
              <!-- TemplateEndEditable -->

              <!-- TemplateBeginEditable name="keywords" -->
              <meta name="keywords" content="Our Keywords." >
              <!-- TemplateEndEditable -->

               

              You should find this to work significantly better.  This Template was not made properly to begin with.

              • 4. Re: Editable Head Tags
                zei-mgilvey Community Member

                Yaaaaaaaaaaaaaaaaaaay! Everything is editable now. So you changed the word Instance to Template. What is the difference between them? I had used Instance in other websites but they were HTML sites not ASP and it always worked. What is the difference between the two words?

                 

                BTW: I take no responsibility for the template, someone else built it, I have to work with it.

                • 5. Re: Editable Head Tags
                  MurraySummers CommunityMVP

                  All 'template' markup in the Template page is denoted with the "<!-- Template" prefix.  When you spawn a child page the markup is all changed to the "<!-- Instance" prefix.  That enables DW to determine if the page you are editing is a template or a child page, and it sets the stage for the DREADED nested template capability introduced in DWMX.  Ugh....

                  • 6. Re: Editable Head Tags
                    zei-mgilvey Community Member

                    I understand (amazing as that may seem). Thanks Murry!