From 2b22457d072667b9e93e3bac38fbe0487a42f6f2 Mon Sep 17 00:00:00 2001 From: dobromirts Date: Mon, 15 Apr 2024 14:01:18 +0300 Subject: [PATCH] Update template and videos sizes --- en/app-themes/app-themes.md | 9 +-------- en/flex-layouts/flex-layouts.md | 9 +-------- en/getting-started.md | 9 +-------- en/single-page-apps-and-navigation.md | 9 +-------- jp/app-themes/app-themes.md | 9 +-------- jp/flex-layouts/flex-layouts.md | 9 +-------- jp/getting-started.md | 9 +-------- jp/single-page-apps-and-navigation.md | 10 ++-------- 8 files changed, 9 insertions(+), 64 deletions(-) diff --git a/en/app-themes/app-themes.md b/en/app-themes/app-themes.md index 60355ea..0efdff5 100644 --- a/en/app-themes/app-themes.md +++ b/en/app-themes/app-themes.md @@ -10,14 +10,7 @@ An app theme is a collection of color palettes and attributes that create a sens # App Builder themes -
-
-
- -
-

Customize App Themes

-
-
+> [!Video https://www.youtube.com/embed/gcTyeFp_65c?si=w-3ycuuDZ4whrEZc&list=UULF8cj8_eJROxAXsOjhbvduLw] The [App Builder]({environment:appbuilderBaseUrl}) adopts a design systems approach to UI creation and you can download app themes and apply them at the app-level. With a single selection of a theme, the theme is globally applied to the whole application immediately. Having global theme avoids the need to create local styles that are difficult to maintain. diff --git a/en/flex-layouts/flex-layouts.md b/en/flex-layouts/flex-layouts.md index cd3b4bb..e606605 100644 --- a/en/flex-layouts/flex-layouts.md +++ b/en/flex-layouts/flex-layouts.md @@ -18,14 +18,7 @@ In order to use the Flex layout in the App Builder, you need to define a contain You can now choose from different Flex layout properties to define alignment, default behavior for how flex items are laid, set other values, and more. -
-
-
- -
-

Create App Layouts

-
-
+> [!Video https://www.youtube.com/embed/BRkaSYr7qHU?si=74eY9-rqm90A8kmh&list=UULF8cj8_eJROxAXsOjhbvduLw] One of the greatest differences between the App Builder and the regular product design tools are the flex-based layouts used in the design-to-code tool. Since the App Builder is targeting web apps, we are offering Flex as one of the approaches to create layouts. It's available to you as a row or column layout component in the toolbox. The outermost container you see here is the canvas and has flex settings already applied to it. You can change the canvas size by editing the viewport size in the properties panel. diff --git a/en/getting-started.md b/en/getting-started.md index 5c3dd85..b24041e 100644 --- a/en/getting-started.md +++ b/en/getting-started.md @@ -11,14 +11,7 @@ _keywords: App builder, Indigo Design, Infragistics * Getting the code * Running the app locally -
-
-
- -
-

Get Started with App Builder

-
-
+> [!Video https://www.youtube.com/embed/QnQV80hWfco?si=Kcg2ZTIBeENvgaga&list=UULF8cj8_eJROxAXsOjhbvduLw&rel=0] ## Launch App Builder diff --git a/en/single-page-apps-and-navigation.md b/en/single-page-apps-and-navigation.md index e98e8b0..de112bd 100644 --- a/en/single-page-apps-and-navigation.md +++ b/en/single-page-apps-and-navigation.md @@ -6,14 +6,7 @@ _keywords: App builder, Indigo Design, Infragistics # Single page apps and navigation -
-
-
- -
-

Set Up Single-Page Apps and Navigation

-
-
+> [!Video https://www.youtube.com/embed/hssubbXsOTM?si=yKKhVTo-1_fXyJ6A&list=UULF8cj8_eJROxAXsOjhbvduLw] Another App Builder feature is the single-page apps and navigation. Unlike a page-based design approach, App Builder lets you create separate views that are injected or switched based on how users navigate. To see this action, you can create a new app using the create new application button, then select one of the default layouts that shows a top navigation defined. diff --git a/jp/app-themes/app-themes.md b/jp/app-themes/app-themes.md index 54f4681..63da928 100644 --- a/jp/app-themes/app-themes.md +++ b/jp/app-themes/app-themes.md @@ -7,14 +7,7 @@ _language: ja # App Builder テーマ -
-
-
- -
-

テーマをカスタマイズする

-
-
+> [!Video https://www.youtube.com/embed/gcTyeFp_65c?si=w-3ycuuDZ4whrEZc&list=UULF8cj8_eJROxAXsOjhbvduLw] [App Builder]({environment:appbuilderBaseUrl}) は、UI 作成にデザイン システム アプローチを採用しており、アプリ レベルでテーマを適用できます。テーマを 1 回選択するだけで、そのテーマはアプリケーション全体に即座にグローバルに適用されます。これにより、メンテナンスが難しいローカル スタイルを作成する必要がなくなります。 diff --git a/jp/flex-layouts/flex-layouts.md b/jp/flex-layouts/flex-layouts.md index 38143f6..278d30a 100644 --- a/jp/flex-layouts/flex-layouts.md +++ b/jp/flex-layouts/flex-layouts.md @@ -19,14 +19,7 @@ App Builderで Flex レイアウトを使用するには、コンテナー (ビ さまざまな Flex レイアウト プロパティから選択して配置を定義したり、flex 項目のデフォルトの動作、その他の値を設定したりできます。 -
-
-
- -
-

アプリのレイアウトを作成する

-
-
+> [!Video https://www.youtube.com/embed/BRkaSYr7qHU?si=74eY9-rqm90A8kmh&list=UULF8cj8_eJROxAXsOjhbvduLw] App Builder と通常の製品デザイン ツールの最大の違いの 1 つは、デザインからコードまでのツールで使用される Flex に基づくレイアウトです。App Builder は Web アプリを対象としているため、レイアウトを作成するアプローチの 1 つとして Flex を提供しています。ツールボックスの行または列のレイアウト ンポーネントとして利用できます。ここに表示されている最も外側のコンテナはキャンバスであり、flex 設定がすでに適用されています。プロパティ パネルで Viewport のサイズを編集することにより、キャンバス サイズを変更できます。 diff --git a/jp/getting-started.md b/jp/getting-started.md index af829a9..b2501b9 100644 --- a/jp/getting-started.md +++ b/jp/getting-started.md @@ -12,14 +12,7 @@ _language: ja * コードの取得 * アプリをローカルで実行する -
-
-
- -
-

App Builder を使ってみましょう

-
-
+> [!Video https://www.youtube.com/embed/QnQV80hWfco?si=Kcg2ZTIBeENvgaga&list=UULF8cj8_eJROxAXsOjhbvduLw&rel=0] ## App Builder を起動する diff --git a/jp/single-page-apps-and-navigation.md b/jp/single-page-apps-and-navigation.md index 510aa57..5efd91c 100644 --- a/jp/single-page-apps-and-navigation.md +++ b/jp/single-page-apps-and-navigation.md @@ -6,14 +6,8 @@ _language: ja --- # 単一ページアプリとナビゲーション -
-
-
- -
-

単一ページ アプリとナビゲーションを設定する

-
-
+ +> [!Video https://www.youtube.com/embed/hssubbXsOTM?si=yKKhVTo-1_fXyJ6A&list=UULF8cj8_eJROxAXsOjhbvduLw] App Builder のもう 1 つの機能は、単一ページのアプリとナビゲーションです。ページに基づいたデザイン アプローチとは異なり、App Builder では、ユーザーのナビゲート方法に基づいて挿入または切り替えられる個別のビューを作成できます。このアクションを確認するには、[+ 新しいアプリ] ボタンを使用して新しいアプリを作成し、定義された上部ナビゲーションを表示するデフォルトのレイアウトの 1 つを選択します。