diff --git a/scripts/docs/templates/common.template.html b/scripts/docs/templates/common.template.html
index ed4cf04820..35d6cb5476 100644
--- a/scripts/docs/templates/common.template.html
+++ b/scripts/docs/templates/common.template.html
@@ -9,6 +9,8 @@ title: "<@ if doc.docType == "directive" @><$ doc.name | dashCase $><@ else @><$
 header_sub_title: "<$ doc.docType | capital $> in module <$ doc.module $>"
 doc: "<$ doc.name $>"
 docType: "<$ doc.docType $>"
+<@- if doc.demo and false -@>show_preview_device: true
+preview_device_url= "<$ doc.demo $>"<@- endif -@>
 ---
 
 
@@ -84,24 +86,6 @@ docType: "<$ doc.docType $>"
     Improve this doc
   </a>
 
-  <!-- TODO(drewrygh, perrygovier): render this block in the correct location, markup identical to component docs -->
-  <@- if doc.demo and false -@>
-  <aside id="platform-preview" class="platform-preview">
-    <div class="platform-toggle">
-      <a ng-class="{active: iosActive}"
-         ng-click="setPlatform('ios')">iOS</a>
-      <a ng-class="{active: androidActive}"
-         ng-click="setPlatform('android')">Android</a>
-    </div>
-    <div id="demo-device-ios" ng-class="previewPlatform">
-      <iframe id="demo-ios" src="<$ doc.demo $>" frameborder="0"></iframe>
-    </div>
-    <div id="demo-device-android" ng-class="previewPlatform">
-      <iframe id="demo-ios" src="<$ doc.demo $>" frameborder="0"></iframe>
-    </div>
-  </aside>
-  <@ endif @>
-
 </div>
 
 <@ block content @>
@@ -252,4 +236,3 @@ Delegate: <$ doc.delegate $>
 
 <!-- end body block -->
 <@ endblock @>
-