Skip to content

Commit 690fe0a

Browse files
App Template Topics: Add Demo Buttons & Video (#8771) (#8813)
1 parent 4ccc6e4 commit 690fe0a

3 files changed

Lines changed: 29 additions & 8 deletions

File tree

concepts/40 Angular Components/30 Application Template/00 Application Template.md

Lines changed: 11 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,14 @@
1-
The DevExtreme Angular Application Template helps you create a simple Angular application with a navigation menu and several sample views in a responsive layout (see <a href="https://devexpress.github.io/devextreme-angular-template/#/home">live preview</a>).
1+
The DevExtreme Angular Application Template helps you create a simple Angular application with a navigation menu and several sample views in a responsive layout.
2+
3+
#include btn-open-github with {
4+
href: "https://github.com/DevExpress/devextreme-angular-template"
5+
}
6+
<a class="btn btn-accent btn-icon btn-docs" href="https://devexpress.github.io/devextreme-angular-template/#/home" target="_blank" title="View Live Demo">
7+
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
8+
<path d="M8 5.14001V19.14L19 12.14L8 5.14001Z" fill="white"/>
9+
</svg>
10+
<span>View Live Demo</span>
11+
</a>
212

313
<img src="/images/dx-application-templates/angular-app-template.png" style="width: 800px;" alt="DevExtreme Angular Template" />
414

concepts/50 React Components/50 Application Template/00 Application Template.md

Lines changed: 7 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -5,16 +5,17 @@ The DevExtreme React Application Template simplifies setting up a new React proj
55
- Placeholder authentication functions (to implement a secure login system)
66

77
#include btn-open-github with {
8-
href: "https://devexpress.github.io/devextreme-react-template/#/home"
8+
href: "https://github.com/DevExpress/devextreme-react-template"
99
}
10-
11-
<img src="/images/dx-application-templates/react-app-template.png" style="width: 800px;" alt="DevExtreme React Template" />
12-
13-
<a class="btn btn-accent btn-icon btn-docs" href="https://www.youtube.com/embed/FLDuyQDWv_4?si=H-bl5cqScX-0EeN-" target="_blank" title="View Demo">
10+
<a class="btn btn-accent btn-icon btn-docs" href="https://devexpress.github.io/devextreme-react-template/#/home" target="_blank" title="View Live Demo">
1411
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
1512
<path d="M8 5.14001V19.14L19 12.14L8 5.14001Z" fill="white"/>
1613
</svg>
17-
<span>View Video</span>
14+
<span>View Live Demo</span>
1815
</a>
1916

17+
<img src="/images/dx-application-templates/react-app-template.png" style="width: 800px;" alt="DevExtreme React Template" />
18+
19+
<iframe style="max-width: 800px; width: 100%" height="425" src="https://www.youtube-nocookie.com/embed/FLDuyQDWv_4?si=E72A7GeVwTeY8O7w" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
20+
2021
[tags] react

concepts/55 Vue Components/50 Application Template/00 Application Template.md

Lines changed: 11 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,14 @@
1-
The DevExtreme Vue Application Template helps you create a simple Vue application with a navigation menu and several sample views in a responsive layout (see <a href="https://devexpress.github.io/devextreme-vue-template/#/home">live preview</a>).
1+
The DevExtreme Vue Application Template helps you create a simple Vue application with a navigation menu and several sample views in a responsive layout.
2+
3+
#include btn-open-github with {
4+
href: "https://github.com/DevExpress/devextreme-vue-template"
5+
}
6+
<a class="btn btn-accent btn-icon btn-docs" href="https://devexpress.github.io/devextreme-vue-template/#/home" target="_blank" title="View Live Demo">
7+
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
8+
<path d="M8 5.14001V19.14L19 12.14L8 5.14001Z" fill="white"/>
9+
</svg>
10+
<span>View Live Demo</span>
11+
</a>
212

313
<img src="/images/dx-application-templates/vue-app-template.png" style="width: 800px;" alt="DevExtreme Vue Template" />
414

0 commit comments

Comments
 (0)