Cascade is removing tags from my code. How do I stop it from doing that?

webadmin's Avatar

webadmin

23 Mar, 2015 04:08 PM

I'm attempting to implement code that was created by an outside design firm. One of the tags they use is simply called "main", as in <main id="main" role="main">. This tag is necessary for the CSS they produced to function correctly. When I include this in the template I'm trying to create, it simply disappears. Is there a way to make this not happen?

  1. 1 Posted by Ryan Griffith on 24 Mar, 2015 01:06 PM

    Ryan Griffith's Avatar

    Hi,

    This tag should be valid as long as the contents of the Template contains valid XML.

    When you have a moment please provide the following so I can do some additional testing on a local instance:

    • What version of Cascade Server are you currently running?
    • Attach the contents of your Template to this discussion

    Please let me know if you have any questions.

    Thanks!

  2. 2 Posted by webadmin on 24 Mar, 2015 08:34 PM

    webadmin's Avatar

    The Cascade server version is 7.12.2 - f65d7
    Here is the template that I'm trying to upload:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
        <html xmlns="http://www.w3.org/1999/xhtml">
        <head>
            <title>NOBTS - <system-page-title /></title>
            <link href="/_skin/css/all.css" media="all" rel="stylesheet" type="text/css" />
            <link href='http://fonts.googleapis.com/css?family=Roboto+Condensed:400italic,700italic,700,400%7CRoboto:500,400italic,700italic,700,500italic,400%7CRoboto+Slab:300,700,400' rel='stylesheet' type='text/css'>
            <script src="_skin/javascript/jquery-1.11.2.min.js"></script>
            <script src="_skin/javascript/scroll-to.js"></script>
            <script src="_skin/javascript/add-class.js"></script>
            <script src="_skin/javascript/same-height.js"></script>
            <script src="_skin/javascript/bg-stretch.js"></script>
            <script src="_skin/javascript/slide-show.js"></script>
            <script src="_skin/javascript/touch-nav.js"></script>
            <script src="_skin/javascript/jquery-header-class.js"></script>
            <script src="_skin/javascript/carousel.js"></script>
            <script src="_skin/javascript/side-menu.js"></script>
            <script src="_skin/javascript/jquery-placeholder.js"></script>
            <script src="_skin/javascript/tabs.js"></script>
            <!-- Google Analytics Code -->
            <script type="text/javascript">
                      (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
                      (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
                      m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
                      })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
    
                      ga('create', 'UA-40086797-1', 'nobts.edu');
                      ga('send', 'pageview');
                    </script>
            <!-- End Google Analytics Code -->
            <!-- Google Code for Remarketing Tag -->
            <!--================================================
                    Remarketing tags may not be associated with personally identifiable information or placed on pages related to sensitive categories. See more information and instructions on how to setup the tag on: http://google.com/ads/remarketingsetup
                    =================================================-->
            <script type="text/javascript">
                    /* <![CDATA[ */
                    var google_conversion_id = 1042204388;
                    var google_custom_params = window.google_tag_params;
                    var google_remarketing_only = true;
                    /* ]]> */
                    </script>
            <script src="//www.googleadservices.com/pagead/conversion.js" type="text/javascript">
            </script>
        </head>
        <body>
            <noscript>
                <div style="display:inline;"><img alt="" height="1" src="//googleads.g.doubleclick.net/pagead/viewthroughconversion/1042204388/?value=0&amp;guid=ON&amp;script=0" style="border-style:none;" width="1" /></div>
            </noscript><!-- End Remarketing Tag -->
            <div id="wrapper">
                <div id="container">
                    <div id="headerBarContainer">
                        <div id="headerBar">
                            <system-region name="header" />
                        </div>
                    </div>
                    <main id="main" role="main">
                        <div class="breadcrumbs">
                            <div class="center-holder">
                                <ul>
                                    <li><a href="#">home</a></li>
                                    <li><a href="#">About</a></li>
                                    <li>History</li>
                                </ul>
                            </div>
                        </div>
                        <div class="page-title">
                            <div class="center-holder">
                                <h2>about (section title H2)</h2>
                            </div>
                        </div>
                        <div class="main-section">
                            <div class="center-holder">
                                <aside class="aside">
                                    <div class="side-nav">
                                        <a href="#" class="side-opener">Additional Navigation</a>
                                        <div class="slide">
                                            <system-region name="side-nav" />
                                        </div>
                                    </div>
                                </aside>
                                <div id="content">
                                    <system-region name="DEFAULT" />
                                </div>
                            </div>
                        </div>
                    </main>
                    <div id="footerBarColor">
                        <div id="footerBar">
                            <system-region name="footer" />
                        </div>
                    </div>
                </div>
            </div>
            <!-- Google Analytics Code -->
            <script type="text/javascript">
                              var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
                              document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
                            </script>
            <script type="text/javascript">
                              try {
                                    var pageTracker = _gat._getTracker("UA-6984389-1");
                                    pageTracker._trackPageview();
                              } catch(err) {}
                            </script>
            <!-- End Google Analytics Code -->
        </body>
    </html>
    
  3. 3 Posted by webadmin on 25 Mar, 2015 02:04 PM

    webadmin's Avatar

    I seem to have messed up the formatting on that last post... can I remove it?

  4. 4 Posted by Ryan Griffith on 25 Mar, 2015 02:25 PM

    Ryan Griffith's Avatar

    Hi,

    No worries, I went ahead and updated the comment to add code formatting.

    Let me go ahead and do some local testing and I will be in touch as soon as I have additional information.

    Please let me know if you have any questions.

    Thanks!

  5. 5 Posted by Ryan Griffith on 25 Mar, 2015 02:40 PM

    Ryan Griffith's Avatar

    Hi,

    When you initially upload the Template content, you will notice the tabbing will be changed. This generally indicates there is something within the content the XML validation/cleanup routines do not like.

    Looking at the content a bit, I noticed the Google Web Font <link> tag is not self-closing, so it is technically left open. Because we do not currently support HTML5's support for open tags, you will need to close it.

    When you have a moment, try changing:

    <link href="http://fonts.googleapis.com/css..." rel="stylesheet" type="text/css">
    

    To:

    <link href="http://fonts.googleapis.com/css..." rel="stylesheet" type="text/css" />
    

    And that should fixe the issue.

    Also, I wanted to note that you may run into un-secure content warnings if you are loading those web fonts over SSL. I would recommend changing that URL to //fonts.googleapis.com/css... instead to make it scheme-relative.

    Please let me know if you have any questions.

    Thanks!

  6. Ryan Griffith closed this discussion on 08 Apr, 2015 02:39 PM.

Comments are currently closed for this discussion. You can start a new one.

Keyboard shortcuts

Generic

? Show this help
ESC Blurs the current field

Comment Form

r Focus the comment reply box
^ + ↩ Submit the comment

You can use Command ⌘ instead of Control ^ on Mac