Skip to content

Commit 700a6ac

Browse files
author
Amit Shuster
committed
Merged PR 4077: Documentation redesign
Documentation redesign ![21.JPG](https://powerbi.visualstudio.com/4c7b5adb-c2d0-4f18-b23c-edc4ac30f4e1/_apis/git/repositories/1dd63332-e003-46a3-ac6f-70213a1bcc2e/pullRequests/4077/attachments/21.JPG) ![22.JPG](https://powerbi.visualstudio.com/4c7b5adb-c2d0-4f18-b23c-edc4ac30f4e1/_apis/git/repositories/1dd63332-e003-46a3-ac6f-70213a1bcc2e/pullRequests/4077/attachments/22.JPG) ![23.JPG](https://powerbi.visualstudio.com/4c7b5adb-c2d0-4f18-b23c-edc4ac30f4e1/_apis/git/repositories/1dd63332-e003-46a3-ac6f-70213a1bcc2e/pullRequests/4077/attachments/23.JPG)
1 parent 2497241 commit 700a6ac

File tree

4 files changed

+92
-34
lines changed

4 files changed

+92
-34
lines changed

‎demo/v2-demo/demos.html‎

Lines changed: 1 addition & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,3 @@
11
<div>
2-
<div class="title">
3-
<h2>Demos</h2>
4-
</div>
2+
<h2>Demos</h2>
53
</div>

‎demo/v2-demo/docs.html‎

Lines changed: 51 additions & 24 deletions
Original file line numberDiff line numberDiff line change
@@ -1,26 +1,53 @@
1-
<div>
2-
<div class="title">
3-
<h2>Getting Started</h2>
1+
<div id="docs-section">
2+
<div id="docs-content">
3+
<h1>Power BI Embedded Documentation</h1>
4+
<div class="docs-line">
5+
<div class="docs-links">
6+
<h2>Getting Started</h2>
7+
<a href="https://github.com/Microsoft/powerbi-javascript/wiki">Power BI JavaScript API wiki</a><br>
8+
<a href="https://docs.microsoft.com/en-us/power-bi/developer/embedding">Power BI Embedding Documentation</a><br>
9+
</div>
10+
<div class="docs-links">
11+
<h2>Useful Links</h2>
12+
<a href="https://azure.microsoft.com/en-us/services/power-bi-embedded/">Power BI Embedded on Azure</a><br>
13+
<a href="https://community.powerbi.com/t5/Forums/ct-p/Forums">Power BI Community</a><br>
14+
<a href="https://ideas.powerbi.com/forums/265200-power-bi-ideas/category/161718-apis-and-embedding">Power BI Ideas - APIs and Embedding</a><br>
15+
</div>
16+
<div class="docs-links">
17+
<h2>Support</h2>
18+
<a href="https://docs.microsoft.com/en-us/power-bi/developer/embedded-faq">Power BI Embedded FAQ</a><br>
19+
<a href="https://docs.microsoft.com/en-us/power-bi/developer/embedded-troubleshoot">Power BI Embedded Troubleshooting</a><br>
20+
<a href="https://powerbi.microsoft.com/en-us/support/">Power BI Support</a><br>
21+
</div>
22+
</div>
23+
<div class="docs-line">
24+
<h2>Videos</h2>
25+
<div class="docs-video">
26+
What is Power BI Embedded<br>
27+
<iframe width="330" height="186" src="https://www.youtube.com/embed/iEHfUuoZseo" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
28+
</div>
29+
<div class="docs-video">
30+
Microsoft Power BI Embedded update<br>
31+
<iframe width="330" height="186" src="https://www.youtube.com/embed/NbsLRDMWNRI" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
32+
</div>
33+
<div class="docs-video">
34+
Get an embed token<br>
35+
<iframe width="330" height="186" src="https://www.youtube.com/embed/GPHHdDRSlis" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
36+
</div>
37+
<div class="docs-video">
38+
Setting up and Getting Started<br>
39+
<video width="330" height="186" controls="controls" preload="metadata">
40+
<source src="https://sec.ch9.ms/ch9/5da0/29725d07-f7c3-4090-8b80-a5881e5d5da0/PowerBiEmbeddedPart1_high.mp4#t=12.6" type="video/mp4">
41+
Your browser does not support the video tag.
42+
</video>
43+
</div>
44+
<div class="docs-video">
45+
Power BI Embedded JavaScript SDK<br>
46+
<video width="330" height="186" controls="controls" preload="metadata">
47+
<source src="https://sec.ch9.ms/ch9/1750/ada209d0-c8a3-41d3-832d-1eac7e3c1750/PowerBiEmbeddedPart2_high.mp4#t=12.6" type="video/mp4">
48+
Your browser does not support the video tag.
49+
</video>
50+
</div>
51+
</div>
452
</div>
5-
<div>
6-
Please visit our
7-
<a href="https://powerbi.microsoft.com/en-us/documentation/powerbi-developer-embedding/">documentation</a>
8-
to start using Power BI Embedded.
9-
</div>
10-
</div>
11-
12-
<h2>Videos</h2>
13-
14-
<div>
15-
<div class="title">
16-
1. Learn how to Embed and Interact with Power BI Reports.
17-
</div>
18-
<iframe class="video" src="https://www.youtube.com/embed/nfkVljh_9O4" frameborder="0" allowfullscreen></iframe>
19-
</div>
20-
21-
<div>
22-
<div class="title">
23-
2. Learn how to Create, Edit and Save Power BI reports in Embedded view.
24-
</div>
25-
<iframe class="video" src="https://www.youtube.com/embed/ibuN4DzCl5c?showinfo=0" frameborder="0" allowfullscreen></iframe>
2653
</div>

‎demo/v2-demo/style/layout.css‎

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -59,12 +59,13 @@ header
5959
height: 100%;
6060
width: 100%;
6161
background-color: #F1F1F1;
62+
width: calc(100% - 160px);
63+
display: table-cell;
6264
}
6365

6466
.content {
6567
height: 100%;
6668
width: 100%;
67-
display: table;
6869
}
6970

7071
#settings {

‎demo/v2-demo/style/style.css‎

Lines changed: 38 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -12,6 +12,10 @@ body {
1212
height:100%;
1313
}
1414

15+
h1 {
16+
margin-bottom: 15px;
17+
}
18+
1519
h3 {
1620
margin: 0;
1721
}
@@ -649,11 +653,6 @@ a {
649653
max-width: 800px;
650654
}
651655

652-
.title {
653-
font-size: 17px;
654-
font-weight: 400px;
655-
}
656-
657656
#createModeInput {
658657
display: none;
659658
}
@@ -889,4 +888,37 @@ a {
889888
outline: none;
890889
box-shadow: none;
891890
background: transparent;
892-
}
891+
}
892+
893+
#docs-section {
894+
font-size: 16px;
895+
line-height: 2;
896+
background: #F1F1F1;
897+
height: 100%;
898+
width: 100%;
899+
align-items: center;
900+
}
901+
902+
.docs-links {
903+
margin-right: 30px;
904+
float: left;
905+
width: 330px;
906+
height: 180px;
907+
}
908+
909+
.docs-video {
910+
margin-right: 30px;
911+
float: left;
912+
font-weight: 600;
913+
line-height: 3;
914+
width: 330px;
915+
}
916+
917+
.docs-line {
918+
display: block;
919+
clear: both;
920+
}
921+
922+
#docs-content {
923+
max-width: 1080px;
924+
}

0 commit comments

Comments
 (0)