diff --git a/en/app-builder-overview.md b/en/app-builder-overview.md index 5efcb20..0e87e88 100644 --- a/en/app-builder-overview.md +++ b/en/app-builder-overview.md @@ -6,9 +6,9 @@ _keywords: App builder, Indigo Design, Infragistics # App Builder - Overview -App Builder is a design to code solution, enabling design and development teams to quickly and easily design and build real web applications, using professionally-built components to generate production-ready, Angular code. Powered by [Ignite UI for Angular]({environment:infragisticsBaseUrl}/products/ignite-ui-angular), App Builder is the newest addition to [Indigo.Design]({environment:infragisticsBaseUrl}/products/indigo-design). +App Builder is a design to code solution, enabling design and development teams to quickly and easily design and build real web applications, using professionally-built components to generate production-ready code for Angular, Blazor, Web Components and React. -Through the [App Builder]({environment:infragisticsBaseUrl}/products/indigo-design/app-builder) you are able to build pixel-perfect apps incredibly fast, saving huge amounts of design time and getting apps looking exactly like your design. That is a new generation design tool, where designers use the design system approach and a component library, everything designed is running live, dev ready, with high-quality app code. Speaking of production ready code, everything you design results in production ready Angular repository with all it's components, styles, build setup, etc. So, you do the design and check the instant real-time preview, we'll do the code. Since the App Builder is 100% web based, there is no need to download anything, not heavy IDE's, and no 3rd party dependencies. Everything is on the web, accessible by your whole team on any platform. +Through the [App Builder]({environment:appbuilderBaseUrl}/platform) you are able to build pixel-perfect apps incredibly fast, saving huge amounts of design time and getting apps looking exactly like your design. That is a new generation design tool, where designers use the design system approach and a component library, everything designed is running live, dev ready, with high-quality app code. Speaking of production ready code, everything you design results in production ready Angular repository with all it's components, styles, build setup, etc. So, you do the design and check the instant real-time preview, we'll do the code. Since the App Builder is 100% web based, there is no need to download anything, not heavy IDE's, and no 3rd party dependencies. Everything is on the web, accessible by your whole team on any platform. Starting your app building experience is fast and easy with one of our pre-built app templates or use one of our preset layout options to build your app in no time. Just tweak our app design, swap a theme and your done! Use pre-configured themes and typography, or customize them to match your own app theme and corporate branding on a per-control, per-screen or per-app basis. Start you new app in the App Builder, build it faster than ever, iterate with new features and get the production-ready code! diff --git a/en/app-themes/app-themes.md b/en/app-themes/app-themes.md index 84bfbe5..60355ea 100644 --- a/en/app-themes/app-themes.md +++ b/en/app-themes/app-themes.md @@ -13,13 +13,13 @@ An app theme is a collection of color palettes and attributes that create a sens
- +

Customize App Themes

-The [App Builder]({environment:infragisticsBaseUrl}/products/indigo-design/app-builder) 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. +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. ## Switching App Builder themes @@ -58,5 +58,5 @@ Keep in mind that with the App Builder you can take advantage of Flex layouts, p * [Flex Layouts](../flex-layouts/flex-layouts.md) * [Ignite UI for Angular Theming]({environment:infragisticsBaseUrl}/products/ignite-ui-angular/angular/components/themes/index) * [Indigo.Design Getting Started](https://www.infragistics.com/products/indigo-design/help/getting-started) -* [Indigo.Design Components](https://www.infragistics.com/products/indigo-design/help/components/components-overview) +* [App Builder Components]({environment:appbuilderBaseUrl}/components) diff --git a/en/blazor-support.md b/en/blazor-support.md index adb7468..9664764 100644 --- a/en/blazor-support.md +++ b/en/blazor-support.md @@ -83,5 +83,5 @@ For a list of all supported components see [Generate App](generate-app/generate- * [App Builder Components](indigo-design-app-builder-components.md) * [Flex Layouts](flex-layouts/flex-layouts.md) * [Running Desktop App](running-desktop-app.md) -* [Indigo.Design Getting Started](https://www.infragistics.com/products/indigo-design/help/getting-started) -* [Indigo.Design Components](https://www.infragistics.com/products/indigo-design/help/components/components-overview) \ No newline at end of file +* [Getting Started]({environment:appbuilderBaseUrl}/help/getting-started) +* [Components]({environment:appbuilderBaseUrl}/components) \ No newline at end of file diff --git a/en/design-to-code-story.md b/en/design-to-code-story.md index 8cb1a75..365b045 100644 --- a/en/design-to-code-story.md +++ b/en/design-to-code-story.md @@ -6,7 +6,7 @@ _keywords: App Builder, Web App Builder, Figma design, Sketch import # Design-to-Code App Builder story -App Builder enables you to go from Design to Code in a single click. Import Figma, Sketch and Adobe XD files and create Apps with ease. Use the [Indigo.Design System](https://www.infragistics.com/products/appbuilder/ui-toolkit) plugins directly inside Figma, Sketch and Adobe XD to deliver custom themes, import images assets, and ensure all components are mapped one-to-one with controls from the App Builder Toolbox. +App Builder enables you to go from Design to Code in a single click. First, create your designs with the [Indigo.Design System](https://www.infragistics.com/products/appbuilder/ui-toolkit) for Figma or Sketch. You can then use our Figma plugin to publish as apps in App Builder. For Sketch, you can import your Sketch files directly into app builder when creating a new app. Once imported, you will find your UI kit components are mapped to components available in the toolbox. This will allow you to extend your app with data and variables to create dynamic app experiences.

Indigo.Design UI Kit

@@ -68,16 +68,6 @@ Now you can start using the plugin.

Figma Plugin

-##### Adobe XD Plugin - - -

Adobe XD Plugin Create App

- -##### Sketch Plugin - - -

Sketch Plugin Create App

- ## Download Assets You can download the Plugins, UI kits and sample apps from the [Download Assets page.](https://cloud.indigo.design/resources/figma). @@ -86,11 +76,7 @@ Or through the direct links below: - [Figma UI Kit](https://www.figma.com/@infragistics) - [Plugin for Figma](https://www.figma.com/community/plugin/1170035114372031474) - [Sample Apps](https://download.infragistics.com/products/Infragistics/Indigo.Design/Samples/Infragistics_IndigoDesign_Sample_Apps_Figma.zip) -- [Adobe XD UI Kit](https://assets.adobe.com/public/c1a672c5-49e6-4df1-4d32-1c37fa234f1e) -- [Plugin for Adobe XD](https://exchange.adobe.com/creativecloud/plugindetails.html/app/cc/92c7dec5) -- [Sample Apps](https://download.infragistics.com/products/Infragistics/Indigo.Design/Samples/Infragistics_IndigoDesign_Sample_Apps_XD.zip) - [Sketch UI Kit](https://dl.infragistics.com/products/Infragistics/Indigo.Design/ABECAC7231EE434C8CD3DC619BE6F75B/Infragistics_IndigoDesign_UI_Kit.zip) -- [Plugin for Sketch](https://dl.infragistics.com/products/Infragistics/Indigo.Design/9EB45F5BB4B3442F8B4CECB3EB403063/Infragistics_IndigoDesign_Sketch_Plugin.zip) - [Sample apps](https://dl.infragistics.com/products/Infragistics/Indigo.Design/Samples/Infragistics_IndigoDesign_Sample_Apps.zip) ## Additional Resources @@ -98,5 +84,4 @@ Or through the direct links below:
* [Figma UI Kit](ui-kits/figma.md) -* [Adobe XD UI kit](ui-kits/adobe-xd.md) * [Sketch UI kit](ui-kits/sketch.md) diff --git a/en/docfx.json b/en/docfx.json index b8fba86..ba5a199 100644 --- a/en/docfx.json +++ b/en/docfx.json @@ -45,7 +45,7 @@ "cleanupCacheHistory": true, "disableGitFeatures": true, "sitemap": { - "baseUrl": "https://www.infragistics.com/products/appbuilder/help/", + "baseUrl": "https://www.appbuilder.dev/help/", "changefreq": "weekly", "priority": 0.7 } diff --git a/en/environment.json b/en/environment.json index 87d4c33..d2d34a9 100644 --- a/en/environment.json +++ b/en/environment.json @@ -1,14 +1,17 @@ { "development": { "infragisticsBaseUrl": "https://staging.infragistics.com", + "appbuilderBaseUrl": "https://staging.appbuilder.dev", "GTMContainerId": "GTM-WLXLBZD" }, "staging": { "infragisticsBaseUrl": "https://staging.infragistics.com", + "appbuilderBaseUrl": "https://staging.appbuilder.dev", "GTMContainerId": "GTM-NCKNPN" }, "production": { "infragisticsBaseUrl": "https://www.infragistics.com", + "appbuilderBaseUrl": "https://appbuilder.dev", "GTMContainerId": "GTM-T65CF7" } } \ No newline at end of file diff --git a/en/flex-layouts/flex-layouts.md b/en/flex-layouts/flex-layouts.md index 449d7c0..cd3b4bb 100644 --- a/en/flex-layouts/flex-layouts.md +++ b/en/flex-layouts/flex-layouts.md @@ -21,7 +21,7 @@ You can now choose from different Flex layout properties to define alignment, de
- +

Create App Layouts

@@ -67,7 +67,7 @@ To summarize quickly, whatever you have learned about Flex layouts can be used h * [App Builder Components](../indigo-design-app-builder-components.md) * [Flexbox](https://developer.mozilla.org/en-US/docs/Learn/CSS/CSS_layout/Flexbox) -* [A Guide to flexbox](
- +

Get Started with App Builder

@@ -22,22 +22,18 @@ _keywords: App builder, Indigo Design, Infragistics ## Launch App Builder -You can login directly in your App Builder profile or by signing it with Indigo.Design. You will land in the home screen and from here you can access each of the three core Indigo.Design products - Prototypes and Usability Tests, as well as the newest one - App Builder which can be found under the Apps tab. +To access App Builder, navigate to [https://appbuilder.dev](https://appbuilder.dev) and sign in. Alternatively, you can launch App builder directly by visiting [https://my.appbuilder.dev](https://my.appbuilder.dev). You will need an active trial or paid subscription to create and edit apps. -From the App Builder home screen, users can start a new app, preview or edit an existing one. Through the context menu, every existing app can also be renamed, duplicated or archived. +## Create new app +There are thee ways in which you can create a new app from the "Create new application" dilaog: -AB Sign-in - +1. **Sample apps** - the getting started apps will help you explore applications that have been created using the App Builder and also allow you to modify them in your own user space. They are also a good source for you to preview generated code for a larger application without having to create your own app from scratch. If you use the App Builder for first time, we recommend to use the sample app option as a starting point. This is the quickest way to onboard yourself with the awesome features of the tool and to start building your application. +2. **App layouts** - start a new app from scratch, benefiting from a predefined layouts. You will also find the the option to create an app based on a blank template from here. +4. **Import design** - if you have an existing design file, created using the Indigo.Design UI kit for Figma or Sketch, you can use this as a starting point for your apps. To do this, get our Indigo.Design system, which includes plugins to publish your design, UI kits, and sample design files. -Indigo.Cloud Sign-in -![Indigo-Design-home-screen](./images/Indigo-Design-home-screen.gif) -

Indigo.Design home screen

- -What you'll see when you launch the [App Builder]({environment:infragisticsBaseUrl}/products/indigo-design/app-builder) for first time is a pop up window suggesting a quick onboarding tour. What you will see next is the create new project dialog. There are four ways to start a new app: -1. Create from existing design - if you have an existing Sketch file, created using the Indigo.Design UI kit for Sketch, you can upload it at this point and continue your design in the App Builder, without the need to recreate everything from scratch. Note, that due to the differences between the absolute layout in Sketch and the Flex layout in the App Builder, some additional adjustments may be needed after parsing your Sketch file. -2. Sample apps - the getting started apps will help you explore applications that have been created using the App Builder and also allow you to modify them in your own user space. They are also a good source for you to preview generated code for a larger application without having to create your own app from scratch. If you use the App Builder for first time, we recommend to use the sample app option as a starting point. This is the quickest way to onboard yourself with the awesome features of the tool and to start building your application. -3. Default layouts - start a new app from scratch, benefiting from a basic predefined layout. -4. Blank - start a new app from scratch. +
+> Note: Due to the differences between the absolute layout in Sketch and the Flex layout in the App Builder, some additional adjustments may be needed after parsing your Sketch file. +

New project dialog

@@ -101,14 +97,9 @@ In order to run the downloaded application, the following prerequisites need to
-## Tutorial video -Learn more about our low-code App Builder in our short overview video: - -> [!Video https://www.youtube.com/embed/WSQ38lLacH4] - ## Report an issue or send feedback -[This repository](https://github.com/IgniteUI/app-builder) is intended for issues and feature requests submission, as well as for general product discussions, questions and any feedback that you want to share. You can also send us an email. +[This repository](https://github.com/IgniteUI/app-builder) is intended for issues and feature requests submission, as well as for general product discussions, questions and any feedback that you want to share. You can also send us an email. ## Additional Resources
diff --git a/en/how-to/responsive-fluid-layout.md b/en/how-to/responsive-fluid-layout.md index 2138d50..e07202f 100644 --- a/en/how-to/responsive-fluid-layout.md +++ b/en/how-to/responsive-fluid-layout.md @@ -83,7 +83,7 @@ This will make the first column to take twice as much available space (horizonta ## And we're done! Here's the end result of our application in 3 different screen sizes. -You can also check out the [live app here](https://appbuilder.indigo.design/app/ihyry6j7gpq5/preview) +You can also check out the [live app here](https://my.appbuilder.dev/app/ihyry6j7gpq5/preview) ![final-result](../images/how-to/final-result.png) diff --git a/en/indigo-design-app-builder-components.md b/en/indigo-design-app-builder-components.md index 32664cb..a3f82b6 100644 --- a/en/indigo-design-app-builder-components.md +++ b/en/indigo-design-app-builder-components.md @@ -41,6 +41,6 @@ For more complex components, like an input field or say card component, you can
* [App Themes](app-themes/app-themes.md) -* [Indigo.Design Getting Started](https://www.infragistics.com/products/indigo-design/help/getting-started) -* [Indigo.Design Components](https://www.infragistics.com/products/indigo-design/help/components/components-overview) +* [Getting Started]({environment:appbuilderBaseUrl}/help/getting-started) +* [Components]({environment:appbuilderBaseUrl}/components) diff --git a/en/interactions.md b/en/interactions.md index 24c606e..531e556 100644 --- a/en/interactions.md +++ b/en/interactions.md @@ -6,7 +6,7 @@ _keywords: App Builder, Web App Builder, Design Systems, Design Systems UX, UI k # Interactions > [!NOTE] ->The Interactions feature of the Ignite UI App Builder enables users to define particular interactions between views and components, such as Navigate to another view, Show or Hide and Open or Close an app component. +>The Interactions feature of the App Builder enables users to define particular interactions between views and components, such as Navigate to another view, Show or Hide and Open or Close an app component. @@ -28,7 +28,7 @@ _keywords: App Builder, Web App Builder, Design Systems, Design Systems UX, UI k
## Intro -Ignite UI App Builder enables its users not only to design application layouts and screens, but also to define the application interaction design. Interactions can be set up between components and views or just between components. Through this feature particular application scenarios, such as showing and hiding a calendar component triggered upon click on a button component, can be established. This will help users build great UX flows according to the needs of their customers. All added interactions will be available not only in Preview mode, but also in the application code after generating it. +App Builder enables its users not only to design application layouts and screens, but also to define the application interaction design. Interactions can be set up between components and views or just between components. Through this feature particular application scenarios, such as showing and hiding a calendar component triggered upon click on a button component, can be established. This will help users build great UX flows according to the needs of their customers. All added interactions will be available not only in Preview mode, but also in the application code after generating it. In order to add an interaction, first select the component that will trigger the action, then go to the Property panel in the right side of the Ignite UI App Builder interface and scroll down to the Interactions. Then, select the + icon button to create a new interaction. Upon this, a new interaction will be created below where first has to be picked up the interaction type, then the target component or view. No more than one interaction can be added to a component. Created interactions can be tested on Preview Mode, as well as deleted or edited from the Interactions panel. Check below detailed description about how to use each one of the interactions. ## Navigate to @@ -68,4 +68,4 @@ Note that we are constantly updating the Ignite UI App Builder with new interact * [Flex Layouts](flex-layouts/flex-layouts.md) * [Running Desktop App](running-desktop-app.md) * [Generate app](generate-app/generate-app-overview.md) -* [Indigo.Design Getting Started](https://www.infragistics.com/products/indigo-design/help/getting-started) \ No newline at end of file +* [Getting Started]({environment:appbuilderBaseUrl}/help/getting-started) diff --git a/en/interface-overview.md b/en/interface-overview.md index 1d42ee5..e8a67aa 100644 --- a/en/interface-overview.md +++ b/en/interface-overview.md @@ -6,7 +6,7 @@ _keywords: App Builder, Web App Builder, Design Systems, Design Systems UX, UI k # Interface overview -The Indigo App Builder interface is similar to the interface of most design tools you may already be used to, with some minor differences. But in all cases you are going to get used to it very quickly. +The App Builder interface is similar to the interface of most design tools you may already be used to, with some minor differences. But in all cases you are going to get used to it very quickly. There are four main sections in the App Builder. @@ -15,7 +15,9 @@ There are four main sections in the App Builder. ## Toolbox -The **Toolbox** is the section on the left-hand side and it includes five tabs for **Components, Views, Data Sources, Themes** and the **Outline Tree**. The Components tab gives you access to all available Ignite UI for Angular components, as well as some App Builder general components, such as absolute, row, column layout and views container. The search input on the top of the components list makes easy to find a particular component. All of the components are conveniently distributed into groups based on their application. The grayed-out components have still not been added, and are thus disabled, but soon will be implemented in future updates. Below the Components tab you will find the Views tab. In the views tab you can find all the views in the application displayed with their parent-child relationships. The third tab is Data. This is where all data sources and related options are located. You can view and edit all available data sources, as well as add a new one. The fourth tab gives you access to all theming capabilities and to all available preconfigured themes. You can create and edit your own themes and quickly switch between them. The last tab - the Outline Tree - shows you a detailed hierarchy of the components in the selected app view. +The **Toolbox** is the section on the left-hand side and it includes five tabs for **Components, Views, Data Sources, Themes** and the **Outline Tree**. + +The Components tab gives you access to all available components in App Builder that you can add to your design canvas and configure for use. The search input on the top of the components list makes easy to find a particular component. Below the Components tab you will find the Views tab. In the views tab you can find all the views in the application displayed with their parent-child relationships. The third tab is Data. This is where all data sources and related options are located. You can view and edit all available data sources, as well as add a new one. The fourth tab gives you access to all theming capabilities and to all available preconfigured themes. You can create and edit your own themes and quickly switch between them. The last tab - the Outline Tree - shows you a detailed hierarchy of the components in the selected app view. ## Design Canvas @@ -31,4 +33,4 @@ On the right side of the screen is the **Property Panel** with viewport, **Desig
* [App Builder Components](indigo-design-app-builder-components.md) -* [Indigo.Design Getting Started](https://www.infragistics.com/products/indigo-design/help/getting-started) \ No newline at end of file +* [Indigo.Design Getting Started](https://www.infragistics.com/products/indigo-design/help/getting-started) diff --git a/en/master-detail/step-by-step-examples.md b/en/master-detail/step-by-step-examples.md index a34fff4..876e056 100644 --- a/en/master-detail/step-by-step-examples.md +++ b/en/master-detail/step-by-step-examples.md @@ -14,7 +14,7 @@ Below you can find real use cases for two scenarios. These scenarios will cover ## Example 1 Global variable set from one View and Updating Grid request from another View through a Views container -Live demo +Live demo 1. Add a Global variable which is set upon the Combo selection change event. The combo is bound to the Customer endpoint @@ -37,7 +37,7 @@ Global variable set from one View and Updating Grid request from another View th ## Example 2 Tree bound to Hierarchical data source loading data for Grid and Chart -Live demo +Live demo 1. Add a Tree component and bind its parent to a Hierarchical data source (Repeated data context). 2. Bind the parent tree node On Click event to a Set variable action that stores the CustomerID - String variable diff --git a/en/open-api-swagger-support.md b/en/open-api-swagger-support.md index 88359f0..6253dbc 100644 --- a/en/open-api-swagger-support.md +++ b/en/open-api-swagger-support.md @@ -69,4 +69,4 @@ You can now make requests to a localhost or private networks. For more informati * [Flex Layouts](flex-layouts/flex-layouts.md) * [Running Desktop App](running-desktop-app.md) * [Generate app](generate-app/generate-app-overview.md) -* [Indigo.Design Getting Started](https://www.infragistics.com/products/indigo-design/help/getting-started) \ No newline at end of file +* [Getting Started]({environment:appbuilderBaseUrl}/help/getting-started) \ No newline at end of file diff --git a/en/preview-code.md b/en/preview-code.md index a82f824..b8dd7ab 100644 --- a/en/preview-code.md +++ b/en/preview-code.md @@ -40,5 +40,5 @@ Moreover, you are skipping the hand-off where developers have to inspect the vis * [Flex Layouts](flex-layouts/flex-layouts.md) * [Running Desktop App](running-desktop-app.md) * [Indigo.Design Getting Started](https://www.infragistics.com/products/indigo-design/help/getting-started) -* [Indigo.Design Components](https://www.infragistics.com/products/indigo-design/help/components/components-overview) +* [App Builder Components]({environment:appbuilderBaseUrl}/components) diff --git a/en/running-desktop-app.md b/en/running-desktop-app.md index b85aa1f..0f27119 100644 --- a/en/running-desktop-app.md +++ b/en/running-desktop-app.md @@ -26,8 +26,8 @@ Possible reason for the error could be that the proxy server is blocking some re A resolution for that problem would be whitelisting **"*.indigo.design"** and **"*.infragistics.com"** for both **https** and **secure websocket**. _The detailed list is as follows: _ -- https://appbuilder.indigo.design (https 443) -- wss://appbuilder.indigo.design (websocket 443) +- https://my.appbuilder.dev (https 443) +- wss://my.appbuilder.dev (websocket 443) - https://cloud.indigo.design (https 443) - https://igniteuithemingwidget-previous.infragistics.com (https 443) - https://igniteuithemingwidget-prod.infragistics.com (https 443) diff --git a/en/share-preview-edit-app.md b/en/share-preview-edit-app.md index e5a8e5a..a5cb5e0 100644 --- a/en/share-preview-edit-app.md +++ b/en/share-preview-edit-app.md @@ -85,5 +85,5 @@ Anonymous users won't have access to restricted applications. You can always use * [Open API/Swagger support](open-api-swagger-support.md) * [Running Desktop App](running-desktop-app.md) * [Indigo.Design Getting Started](https://www.infragistics.com/products/indigo-design/help/getting-started) -* [Indigo.Design Components](https://www.infragistics.com/products/indigo-design/help/components/components-overview) +* [App Builder Components]({environment:appbuilderBaseUrl}/components) diff --git a/en/sidebar-toc/toc.yml b/en/sidebar-toc/toc.yml index bf4117b..e8dd307 100644 --- a/en/sidebar-toc/toc.yml +++ b/en/sidebar-toc/toc.yml @@ -21,9 +21,9 @@ - name: Figma href: ../ui-kits/figma.md new: false - - name: Adobe XD - href: ../ui-kits/adobe-xd.md - new: false + #name: Adobe XD + #href: ../ui-kits/adobe-xd.md + #new: false - name: Sketch href: ../ui-kits/sketch.md new: false diff --git a/en/single-page-apps-and-navigation.md b/en/single-page-apps-and-navigation.md index 63b3fc0..93c6683 100644 --- a/en/single-page-apps-and-navigation.md +++ b/en/single-page-apps-and-navigation.md @@ -9,13 +9,13 @@ _keywords: App builder, Indigo Design, Infragistics
- +

Set Up Single-Page Apps and Navigation

-Another Ignite UI 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. +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.

Add layout preset from the Menu button, then select Create New App

@@ -61,6 +61,6 @@ That's it for single page apps and the navigation feature. To summarize, child v * [Preview Code and Generate App](preview-code.md) * [Angular Routing](https://angular.io/start/start-routing) -* [Indigo.Design Getting Started](https://www.infragistics.com/products/indigo-design/help/getting-started) -* [Indigo.Design Components](https://www.infragistics.com/products/indigo-design/help/components/components-overview) +* [Getting Started]({environment:appbuilderBaseUrl}/help/getting-started) +* [App Builder Components]({environment:appbuilderBaseUrl}/components) diff --git a/en/toc.yml b/en/toc.yml index 8d51bae..a5e6952 100644 --- a/en/toc.yml +++ b/en/toc.yml @@ -1,9 +1,9 @@ - name: How to Buy href: 'https://www.infragistics.com/products/appbuilder#pricing' - name: Sign In - href: 'https://appbuilder.indigo.design' + href: 'https://my.appbuilder.dev' cta: true ctaSecondary: true - name: Sign Up For Free - href: 'https://appbuilder.indigo.design' + href: 'https://my.appbuilder.dev' cta: true diff --git a/en/toolbox/reveal-dashboard.md b/en/toolbox/reveal-dashboard.md index ae09c0d..a1b59e8 100644 --- a/en/toolbox/reveal-dashboard.md +++ b/en/toolbox/reveal-dashboard.md @@ -12,14 +12,14 @@ When the Reveal Dashboard is loaded you can specify a Dashboard name out of the > [!NOTE] > [Read more](https://help.revealbi.io/web/overview/) about Reveal as a business intelligence solution. - +

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

diff --git a/jp/design-to-code-story.md b/jp/design-to-code-story.md index 2fb53dd..fdaad45 100644 --- a/jp/design-to-code-story.md +++ b/jp/design-to-code-story.md @@ -69,16 +69,6 @@ App Builder を使用して、ワンク リックでデザインからコード

Figma プラグイン

-##### Adobe XD プラグイン - - -

Adobe XD プラグイン アプリの作成

- -##### Sketch プラグイン - - -

Sketch プラグイン アプリの作成

- ## アセットのダウンロード プラグイン、UI キット、サンプル アプリは[アセットのダウンロード ページ](https://cloud.indigo.design/resources/figma)からダウンロードできます。 diff --git a/jp/docfx.json b/jp/docfx.json index b8fba86..ba5a199 100644 --- a/jp/docfx.json +++ b/jp/docfx.json @@ -45,7 +45,7 @@ "cleanupCacheHistory": true, "disableGitFeatures": true, "sitemap": { - "baseUrl": "https://www.infragistics.com/products/appbuilder/help/", + "baseUrl": "https://www.appbuilder.dev/help/", "changefreq": "weekly", "priority": 0.7 } diff --git a/jp/environment.json b/jp/environment.json index eba3685..5d824da 100644 --- a/jp/environment.json +++ b/jp/environment.json @@ -1,14 +1,17 @@ { "development": { "infragisticsBaseUrl": "https://jp.staging.infragistics.com", + "appbuilderBaseUrl": "https://jp.staging.appbuilder.dev", "GTMContainerId": "GTM-WLXLBZD" }, "staging": { "infragisticsBaseUrl": "https://jp.staging.infragistics.com", + "appbuilderBaseUrl": "https://jp.staging.appbuilder.dev", "GTMContainerId": "GTM-NCKNPN" }, "production": { "infragisticsBaseUrl": "https://jp.infragistics.com", + "appbuilderBaseUrl": "https://appbuilder.dev", "GTMContainerId": "GTM-T65CF7" } } \ No newline at end of file diff --git a/jp/flex-layouts/flex-layouts.md b/jp/flex-layouts/flex-layouts.md index 2ef9c69..38143f6 100644 --- a/jp/flex-layouts/flex-layouts.md +++ b/jp/flex-layouts/flex-layouts.md @@ -22,7 +22,7 @@ App Builderで Flex レイアウトを使用するには、コンテナー (ビ
- +

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

diff --git a/jp/getting-started.md b/jp/getting-started.md index 3c44524..730cd06 100644 --- a/jp/getting-started.md +++ b/jp/getting-started.md @@ -15,7 +15,7 @@ _language: ja
- +

App Builder を使ってみましょう

@@ -102,11 +102,6 @@ App Builder は、ソフトウェア製品の検出、ソフトウェア製品
-## チュートリアル ビデオ -ローコードな App Builder について詳しくは、このビデオ チュートリアルをご覧ください: - -> [!Video https://www.youtube.com/embed/WSQ38lLacH4] - ## 問題の報告またはフィードバックの送信 [このリポジトリ](https://github.com/IgniteUI/app-builder)は、問題や機能リクエストの送信、および製品の全般的なディスカッション、質問、共有したいフィードバックを対象としています。メールを送信することもできます。 diff --git a/jp/how-to/responsive-fluid-layout.md b/jp/how-to/responsive-fluid-layout.md index ff6a064..e6c9626 100644 --- a/jp/how-to/responsive-fluid-layout.md +++ b/jp/how-to/responsive-fluid-layout.md @@ -84,7 +84,7 @@ Fluid レイアウトは、作成するのが常に課題です。このミニ ## これで完了です。 3 つの異なる画面サイズでのアプリケーションの最終結果を次に示します。 -[ライブアプリはこちら](https://appbuilder.indigo.design/app/ihyry6j7gpq5/preview)で確認できます。 +[ライブアプリはこちら](https://my.appbuilder.dev/app/ihyry6j7gpq5/preview)で確認できます。 ![final-result](../images/how-to/final-result.png) diff --git a/jp/master-detail/step-by-step-examples.md b/jp/master-detail/step-by-step-examples.md index a278bb6..01fca97 100644 --- a/jp/master-detail/step-by-step-examples.md +++ b/jp/master-detail/step-by-step-examples.md @@ -15,7 +15,7 @@ _language: ja ## 例 1 あるビューから設定されたグローバル変数と、ビュー コンテナを介した別のビューからのグリッド リクエストの更新 -ライブ デモ +ライブ デモ 1. コンボ選択変更イベント時に設定されるグローバル変数を追加します。コンボは Customer エンドポイントにバインドされています。 @@ -38,7 +38,7 @@ _language: ja ## 例 2 グリッドとチャートのデータを読み込む階層データ ソースにバインドされたツリー -ライブ デモ +ライブ デモ 1. Tree コンポーネントを追加し、その親を階層データ ソース (繰り返しデータ コンテキスト) にバインドします。 2. 親ツリー ノードのクリック時イベントを、CustomerID - 文字列変数を格納する変数設定アクションにバインドします。 diff --git a/jp/running-desktop-app.md b/jp/running-desktop-app.md index e0c4924..5f2a270 100644 --- a/jp/running-desktop-app.md +++ b/jp/running-desktop-app.md @@ -26,8 +26,8 @@ Linux で AppBuilder.AppImage ファイルをダウンロードすると この問題を解決するには、**https** と **secure websocket** の両方に **"*.indigo.design"** と **"*.infragistics.com"** をホワイトリストに追加します。 詳細なリストは以下のとおりです。 -- https://appbuilder.indigo.design (https 443) -- wss://appbuilder.indigo.design (websocket 443) +- https://my.appbuilder.dev (https 443) +- wss://my.appbuilder.dev (websocket 443) - https://cloud.indigo.design (https 443) - https://igniteuithemingwidget-previous.infragistics.com (https 443) - https://igniteuithemingwidget-prod.infragistics.com (https 443) diff --git a/jp/sidebar-toc/toc.yml b/jp/sidebar-toc/toc.yml index 401e8ea..8e10ed9 100644 --- a/jp/sidebar-toc/toc.yml +++ b/jp/sidebar-toc/toc.yml @@ -21,9 +21,9 @@ - name: Figma href: ../ui-kits/figma.md new: false - - name: Adobe XD - href: ../ui-kits/adobe-xd.md - new: false + # - name: Adobe XD + # href: ../ui-kits/adobe-xd.md + # new: false - name: Sketch href: ../ui-kits/sketch.md new: false diff --git a/jp/single-page-apps-and-navigation.md b/jp/single-page-apps-and-navigation.md index 83d67ad..0a54293 100644 --- a/jp/single-page-apps-and-navigation.md +++ b/jp/single-page-apps-and-navigation.md @@ -9,7 +9,7 @@ _language: ja
- +

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

diff --git a/jp/toc.yml b/jp/toc.yml index effd61d..8bc7e1f 100644 --- a/jp/toc.yml +++ b/jp/toc.yml @@ -1,9 +1,9 @@ - name: 購入 href: 'https://jp.infragistics.com/products/appbuilder#pricing' - name: ログイン - href: 'https://appbuilder.indigo.design' + href: 'https://my.appbuilder.dev' cta: true ctaSecondary: true - name: サインアップ - href: 'https://appbuilder.indigo.design' + href: 'https://my.appbuilder.dev' cta: true diff --git a/jp/toolbox/reveal-dashboard.md b/jp/toolbox/reveal-dashboard.md index bd5a8a1..dd869b6 100644 --- a/jp/toolbox/reveal-dashboard.md +++ b/jp/toolbox/reveal-dashboard.md @@ -13,14 +13,14 @@ Reveal ダッシュボードが読み込まれると、Marketing (マーケテ > [!NOTE] > ビジネス インテリジェンス ソリューションとしての Reveal についての詳細は[こちら](https://help.revealbi.io/ja/web/overview/)です。 -