diff --git a/src/ignite-element.js b/src/ignite-element.js
index 35ba6c7..38e1068 100644
--- a/src/ignite-element.js
+++ b/src/ignite-element.js
@@ -56,6 +56,9 @@ class IgniteElement extends HTMLElement {
         this.elements = [];
         this.createProperties();
         this.readyCallback = new IgniteCallback(() => this.ready());
+
+        //Init the element before connected callback is fired.
+        this.init();
     }
 
     /**
@@ -275,6 +278,14 @@ class IgniteElement extends HTMLElement {
         return null;
     }
 
+    /**
+     * Called wehn this ignite element is being initialized. When this is called
+     * the element has not been created. This is good for login checking code or special setup code.
+     */
+    init() {
+
+    }
+
     /**
      * Called when this ignite element is ready. This will invoke once all
      * ignite elements on the current page have been rendered and setup. You can safely know
diff --git a/src/ignite-template.js b/src/ignite-template.js
index d7093bc..10663bb 100644
--- a/src/ignite-template.js
+++ b/src/ignite-template.js
@@ -1291,14 +1291,14 @@ class html extends IgniteTemplate {
 
         //Create a template to hold the elements that will be created from the
         //properties value and then add them to the DOM and store their pointer.
-        if (this.elements.length == 0 && this.code) {
+        if (this.elements.length == 0 && this.code !== null && this.code !== undefined) {
             //If the code is an ignite template then reder that template.
             if (this.code instanceof IgniteTemplate) {
                 this.code.construct(parent, this.element);
                 this.elements.push(this.code.element);
             } else {
                 var template = window.document.createElement("template");
-                template.innerHTML = this.code;
+                template.innerHTML = this.code.toString();
                 while (template.content.childNodes.length > 0) {
                     var item = template.content.childNodes[0];
                     this.element.parentElement.insertBefore(item, this.element);
@@ -1583,9 +1583,11 @@ class slot extends IgniteTemplate {
                 this.element.parentElement.insertBefore(item, this.element);
 
                 //Set the classes on the item
-                for (var i = 0; i < this._classes.length; i++) {
-                    if (this._classes[i] !== null && this._classes[i] !== undefined && this._classes[i] !== "") {
-                        item.classList.add(this._classes[i]);
+                if (item.classList) {
+                    for (var i = 0; i < this._classes.length; i++) {
+                        if (this._classes[i] !== null && this._classes[i] !== undefined && this._classes[i] !== "") {
+                            item.classList.add(this._classes[i]);
+                        }
                     }
                 }
 
@@ -1598,10 +1600,12 @@ class slot extends IgniteTemplate {
                 }
 
                 //Set the styles on the item
-                var keys = Object.keys(this._styles);
-                for (var i = 0; i < keys.length; i++) {
-                    var style = this._styles[keys[i]];
-                    item.style.setProperty(style.name, style.value, style.priority);
+                if (item.style) {
+                    var keys = Object.keys(this._styles);
+                    for (var i = 0; i < keys.length; i++) {
+                        var style = this._styles[keys[i]];
+                        item.style.setProperty(style.name, style.value, style.priority);
+                    }
                 }
             });
         }
@@ -1627,6 +1631,9 @@ class slot extends IgniteTemplate {
 
         //Add the classes to the elements
         this.parent.elements.forEach((element) => {
+            //Only do this if the element has a class list.
+            if (!element.classList) { return; }
+
             //Remove the old ones first.
             oldClasses.forEach((cl) => element.classList.remove(cl));