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

Edit

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 Posted by Ryan Griffith on 24 Mar, 2015 01:06 PM
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!
- Edit

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

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>

Edit

3 Posted by webadmin on 25 Mar, 2015 02:04 PM

I seem to have messed up the formatting on that last post... can I remove it?
- Edit
4 Posted by Ryan Griffith on 25 Mar, 2015 02:25 PM

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!
- Edit
5 Posted by Ryan Griffith on 25 Mar, 2015 02:40 PM
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!
- Edit
Ryan Griffith closed this discussion on 08 Apr, 2015 02:39 PM.

Discussions are closed to public comments.
If you need help with Cascade CMS please start a new discussion.

New Issue
Conversation Started
The discussion is closed

No more actions from Cascade CMS or the discussion starter are required.
Re-open the discussion Re-open the discussion

Private Permissions

This discussion is private. Only you and Cascade CMS support staff can see and reply to it.

Public Permissions

This discussion is public. Everyone can see and reply to it.

Comments Feed

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

Recent Discussions

	26 Oct, 2017 08:45 PM	Incorrect path in submenus
	31 Jan, 2017 08:08 PM	example of php (web services) that reads a page and writes a new one
	15 Sep, 2016 04:50 PM	Best way to convert title tags to h1 tags
	30 Aug, 2016 12:28 PM	Query using selected option value from select
	26 Aug, 2016 02:40 PM	Are we suppose to use the new help/support website?

	26 Aug, 2016 01:19 PM	Links in PDF Output
	25 Aug, 2016 03:02 PM	Site Import Issues
	25 Aug, 2016 12:50 PM	Velocity syntax for conditional statement with two or more conditions
	24 Aug, 2016 08:43 PM	Increment integer on loop
	24 Aug, 2016 07:20 PM	Multi-select
	21 Aug, 2016 01:20 PM	Include contents from a rendered page

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

webadmin

New Issue

Conversation Started

The discussion is closed

Re-open the discussion Re-open the discussion