Glitch-Doctor
diff --git a/‎demo/v2-demo/index.html‎
Lines changed: 1 addition & 1 deletion b/‎demo/v2-demo/index.html‎
Lines changed: 1 addition & 1 deletion
diff --git a/‎demo/v2-demo/sample.html‎
Lines changed: 12 additions & 0 deletions b/‎demo/v2-demo/sample.html‎
Lines changed: 12 additions & 0 deletions
diff --git a/‎demo/v2-demo/scripts/report.js‎
Lines changed: 4 additions & 0 deletions b/‎demo/v2-demo/scripts/report.js‎
Lines changed: 4 additions & 0 deletions
diff --git a/‎demo/v2-demo/style/layout.css‎
Lines changed: 17 additions & 2 deletions b/‎demo/v2-demo/style/layout.css‎
Lines changed: 17 additions & 2 deletions
@@ -16,7 +16,7 @@
 <body>
     <header>
         <div class="logo-text">
-            <div class="logo-text-span">Microsoft Power BI Embedded Sample</div>
+            <div class="logo-text-span">Microsoft Power BI Embedded Playground</div>
         </div>
     </header>
     <div id="navbar-content">
 
@@ -15,5 +15,17 @@
     </div>
 </div>
 
+<div id="welcome-text">
+    <h3>Welcome to the Power BI Embedded Playground</h3>
+    <br>
+    <div id="sample-tool-description">
+      While you are here, you can try many of our features without writing any code. <br>
+      Explore our APIs and see the results instantly so you know the options for your application. <br><br>
+      To get started, select the sample you want to explore, make any changes to get the results you want, and then click “Run”. <br><br>
+      <!-- You can check out our Tutorials for guided learning of new features. <br> -->
+      We add the latest features into the Playground, so you can explore them before adding them to your implementation.
+    </div>
+</div>
+
 <div id="mainContent">
 </div>
@@ -26,6 +26,8 @@ function OpenSamplesStep() {
     // Hide Embed view in samples step.
     $("#samples-step-wrapper").show();
     $("#embed-and-interact-steps-wrapper").hide();
+
+    $("#welcome-text").show();
 }
 
 function OpenCodeStepFromNavPane()
@@ -48,6 +50,8 @@ function OpenCodeStep(mode, entityType, tokenType) {
     $("#samples-step-wrapper").hide();
     $("#embed-and-interact-steps-wrapper").show();
 
+    $("#welcome-text").hide();
+
     let containers = $(".iframeContainer");
     containers.removeClass(active_class);
 
 
@@ -40,7 +40,7 @@ header
 }
 
 #mainContent {
-    padding: 16px 8px 8px 8px;
+    padding: 0 8px 8px 8px;
     width: 100%;
     background: #F1F1F1;
 }
@@ -117,7 +117,7 @@ header
     table-layout: fixed;
     width: 100%;
     height: 330px;
-    margin-bottom: 15px;
+    margin: 15px 0 15px 0;
 }
 
 .bottomPanel {
@@ -146,6 +146,21 @@ header
     height: 100%;
 }
 
+#welcome-text {
+    margin-top: 2px;
+    padding: 16px 24px 24px 24px;
+    background: #FFFFFF;
+}
+
+#sample-tool-header {
+    margin-bottom: 16px;
+    font-size: 24px;
+}
+
+#sample-tool-description {
+    max-width: 1000px;
+}
+
 @media only screen and (max-width: 1050px) {
     .textAreaControl {
         margin-right: 20px;