From 6717b1a1e933a3e9de136ca90fb87d9f1ed16de8 Mon Sep 17 00:00:00 2001 From: Kajal Solanki Date: Mon, 13 May 2019 11:45:51 +0530 Subject: [PATCH 01/10] Add brief detail of Ui component related to front and backend area --- guides/v2.3/ui_comp_guide/bk-ui_comps.md | 14 +++++++++++++- 1 file changed, 13 insertions(+), 1 deletion(-) diff --git a/guides/v2.3/ui_comp_guide/bk-ui_comps.md b/guides/v2.3/ui_comp_guide/bk-ui_comps.md index 5f959d43ca5..9e9b283a1e0 100644 --- a/guides/v2.3/ui_comp_guide/bk-ui_comps.md +++ b/guides/v2.3/ui_comp_guide/bk-ui_comps.md @@ -70,7 +70,7 @@ UI component is a combination of: 2. **JavaScript** class inherited from one of the Magento JavaScript framework UI components base classes (such as [UIElement]({{ page.baseurl }}/ui_comp_guide/concepts/ui_comp_uielement_concept.html), [UIClass]({{ page.baseurl }}/ui_comp_guide/concepts/ui_comp_uiclass_concept.html) or [UICollection]({{ page.baseurl }}/ui_comp_guide/concepts/ui_comp_uicollection_concept.html)). -3. **Related template(s)** +3. **Related template(s)** using KnockoutJs bindings ### XML Declaration @@ -103,6 +103,18 @@ A particular instance of a UI component is defined primarily by the following: 3. [Backend/PHP modifiers]({{ page.baseurl }}/ui_comp_guide/concepts/ui_comp_modifier_concept.html). 4. Configuration inside the JavaScript classes. +## UI component used in the frontend design area + +* Configured through layout XML + +* The jsLayout argument is used to specify information + +## UI component used in the Adminhtml area + +* Configured through dedicated XML file (view/.../ui_component/[ui_component_name.xml]) + +* Included in layout XML with uiComponent tag + ## Things to remember when working with UI components **UI components have different settings** From 0bbfef5652dd3f2d9fb9cf27ca4b0708318a5e55 Mon Sep 17 00:00:00 2001 From: Kajal Solanki Date: Wed, 15 May 2019 11:53:26 +0530 Subject: [PATCH 02/10] add details to v2.1 and v2.2 --- guides/v2.1/ui_comp_guide/bk-ui_comps.md | 12 ++++++++++++ guides/v2.2/ui_comp_guide/bk-ui_comps.md | 14 +++++++++++++- 2 files changed, 25 insertions(+), 1 deletion(-) diff --git a/guides/v2.1/ui_comp_guide/bk-ui_comps.md b/guides/v2.1/ui_comp_guide/bk-ui_comps.md index 9d8bd6fe672..c0cf487cdbe 100644 --- a/guides/v2.1/ui_comp_guide/bk-ui_comps.md +++ b/guides/v2.1/ui_comp_guide/bk-ui_comps.md @@ -103,6 +103,18 @@ A particular instance of a UI component is defined primarily by the following: 3. [Backend/PHP modifiers]({{ page.baseurl }}/ui_comp_guide/concepts/ui_comp_modifier_concept.html). 4. Configuration inside the JavaScript classes. +## UI component used in the frontend design area + +* Configured through layout XML + +* The jsLayout argument is used to specify information + +## UI component used in the Adminhtml area + +* Configured through dedicated XML file (view/.../ui_component/[ui_component_name.xml]) + +* Included in layout XML with uiComponent tag + ## Things to remember when working with UI components **UI components have different settings** diff --git a/guides/v2.2/ui_comp_guide/bk-ui_comps.md b/guides/v2.2/ui_comp_guide/bk-ui_comps.md index e4a4fe784c6..d84c30ed656 100644 --- a/guides/v2.2/ui_comp_guide/bk-ui_comps.md +++ b/guides/v2.2/ui_comp_guide/bk-ui_comps.md @@ -70,7 +70,7 @@ UI component is a combination of: 2. **JavaScript** class inherited from one of the Magento JavaScript framework UI components base classes (such as [UIElement]({{ page.baseurl }}/ui_comp_guide/concepts/ui_comp_uielement_concept.html), [UIClass]({{ page.baseurl }}/ui_comp_guide/concepts/ui_comp_uiclass_concept.html) or [UICollection]({{ page.baseurl }}/ui_comp_guide/concepts/ui_comp_uicollection_concept.html)). -3. **Related template(s)** +3. **Related template(s)** using KnockoutJs bindings ### XML Declaration @@ -103,6 +103,18 @@ A particular instance of a UI component is defined primarily by the following: 3. [Backend/PHP modifiers]({{ page.baseurl }}/ui_comp_guide/concepts/ui_comp_modifier_concept.html). 4. Configuration inside the JavaScript classes. +## UI component used in the frontend design area + +* Configured through layout XML + +* The jsLayout argument is used to specify information + +## UI component used in the Adminhtml area + +* Configured through dedicated XML file (view/.../ui_component/[ui_component_name.xml]) + +* Included in layout XML with uiComponent tag + ## Things to remember when working with UI components **UI components have different settings** From c257d58b152784c78b30488b2e138784459b27fb Mon Sep 17 00:00:00 2001 From: Kajal Solanki Date: Mon, 20 May 2019 10:28:30 +0530 Subject: [PATCH 03/10] update changes --- guides/v2.2/ui_comp_guide/bk-ui_comps.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/guides/v2.2/ui_comp_guide/bk-ui_comps.md b/guides/v2.2/ui_comp_guide/bk-ui_comps.md index d84c30ed656..feed40fee11 100644 --- a/guides/v2.2/ui_comp_guide/bk-ui_comps.md +++ b/guides/v2.2/ui_comp_guide/bk-ui_comps.md @@ -70,7 +70,7 @@ UI component is a combination of: 2. **JavaScript** class inherited from one of the Magento JavaScript framework UI components base classes (such as [UIElement]({{ page.baseurl }}/ui_comp_guide/concepts/ui_comp_uielement_concept.html), [UIClass]({{ page.baseurl }}/ui_comp_guide/concepts/ui_comp_uiclass_concept.html) or [UICollection]({{ page.baseurl }}/ui_comp_guide/concepts/ui_comp_uicollection_concept.html)). -3. **Related template(s)** using KnockoutJs bindings +3. **Related template(s)** ### XML Declaration From bd90c184e0d3e2b78c38e170ca075ac2b952466a Mon Sep 17 00:00:00 2001 From: Kajal Solanki Date: Mon, 20 May 2019 18:31:26 +0530 Subject: [PATCH 04/10] Example added for Ui component frontend area --- guides/v2.3/ui_comp_guide/bk-ui_comps.md | 14 ++++++++++++++ 1 file changed, 14 insertions(+) diff --git a/guides/v2.3/ui_comp_guide/bk-ui_comps.md b/guides/v2.3/ui_comp_guide/bk-ui_comps.md index 9e9b283a1e0..607f486bf6f 100644 --- a/guides/v2.3/ui_comp_guide/bk-ui_comps.md +++ b/guides/v2.3/ui_comp_guide/bk-ui_comps.md @@ -109,6 +109,20 @@ A particular instance of a UI component is defined primarily by the following: * The jsLayout argument is used to specify information +```xml + + + + + + ... + + + + + +``` + ## UI component used in the Adminhtml area * Configured through dedicated XML file (view/.../ui_component/[ui_component_name.xml]) From 2daa79c1f45e22488d8d21eaa1f7113e0416a0ee Mon Sep 17 00:00:00 2001 From: Kajal Solanki Date: Tue, 21 May 2019 09:54:21 +0530 Subject: [PATCH 05/10] Removed Specification --- guides/v2.3/ui_comp_guide/bk-ui_comps.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/guides/v2.3/ui_comp_guide/bk-ui_comps.md b/guides/v2.3/ui_comp_guide/bk-ui_comps.md index 607f486bf6f..2a1af2c677a 100644 --- a/guides/v2.3/ui_comp_guide/bk-ui_comps.md +++ b/guides/v2.3/ui_comp_guide/bk-ui_comps.md @@ -70,7 +70,7 @@ UI component is a combination of: 2. **JavaScript** class inherited from one of the Magento JavaScript framework UI components base classes (such as [UIElement]({{ page.baseurl }}/ui_comp_guide/concepts/ui_comp_uielement_concept.html), [UIClass]({{ page.baseurl }}/ui_comp_guide/concepts/ui_comp_uiclass_concept.html) or [UICollection]({{ page.baseurl }}/ui_comp_guide/concepts/ui_comp_uicollection_concept.html)). -3. **Related template(s)** using KnockoutJs bindings +3. **Related template(s)** ### XML Declaration From ea62c93530d733a4f3e273edc09fec322326e4bd Mon Sep 17 00:00:00 2001 From: Kajal Solanki Date: Tue, 21 May 2019 09:55:50 +0530 Subject: [PATCH 06/10] Added Example to version-2.1 --- guides/v2.1/ui_comp_guide/bk-ui_comps.md | 14 ++++++++++++++ 1 file changed, 14 insertions(+) diff --git a/guides/v2.1/ui_comp_guide/bk-ui_comps.md b/guides/v2.1/ui_comp_guide/bk-ui_comps.md index c0cf487cdbe..2eb176a428a 100644 --- a/guides/v2.1/ui_comp_guide/bk-ui_comps.md +++ b/guides/v2.1/ui_comp_guide/bk-ui_comps.md @@ -109,6 +109,20 @@ A particular instance of a UI component is defined primarily by the following: * The jsLayout argument is used to specify information +```xml + + + + + + ... + + + + + +``` + ## UI component used in the Adminhtml area * Configured through dedicated XML file (view/.../ui_component/[ui_component_name.xml]) From d74a8f6bed4cfd3467dd74c048b428ff1d243779 Mon Sep 17 00:00:00 2001 From: Kajal Solanki Date: Tue, 21 May 2019 09:56:59 +0530 Subject: [PATCH 07/10] Update Example in version 2.2 --- guides/v2.2/ui_comp_guide/bk-ui_comps.md | 14 ++++++++++++++ 1 file changed, 14 insertions(+) diff --git a/guides/v2.2/ui_comp_guide/bk-ui_comps.md b/guides/v2.2/ui_comp_guide/bk-ui_comps.md index feed40fee11..c94c0e053ac 100644 --- a/guides/v2.2/ui_comp_guide/bk-ui_comps.md +++ b/guides/v2.2/ui_comp_guide/bk-ui_comps.md @@ -109,6 +109,20 @@ A particular instance of a UI component is defined primarily by the following: * The jsLayout argument is used to specify information +```xml + + + + + + ... + + + + + +``` + ## UI component used in the Adminhtml area * Configured through dedicated XML file (view/.../ui_component/[ui_component_name.xml]) From 6c29f8503945e95f0d6d9f4005f7cf0d2db4a7d3 Mon Sep 17 00:00:00 2001 From: Donald Booth Date: Tue, 21 May 2019 12:48:52 -0500 Subject: [PATCH 08/10] Formatting. --- guides/v2.3/ui_comp_guide/bk-ui_comps.md | 6 ++---- 1 file changed, 2 insertions(+), 4 deletions(-) diff --git a/guides/v2.3/ui_comp_guide/bk-ui_comps.md b/guides/v2.3/ui_comp_guide/bk-ui_comps.md index 2a1af2c677a..ff9433620f6 100644 --- a/guides/v2.3/ui_comp_guide/bk-ui_comps.md +++ b/guides/v2.3/ui_comp_guide/bk-ui_comps.md @@ -105,12 +105,11 @@ A particular instance of a UI component is defined primarily by the following: ## UI component used in the frontend design area -* Configured through layout XML +* Configured through layout XML. -* The jsLayout argument is used to specify information +* The `jsLayout` argument is used to specify information. ```xml - @@ -120,7 +119,6 @@ A particular instance of a UI component is defined primarily by the following: - ``` ## UI component used in the Adminhtml area From 7152b0b58ab1b5955b9af948cc40163e5d106471 Mon Sep 17 00:00:00 2001 From: Donald Booth Date: Tue, 21 May 2019 12:51:22 -0500 Subject: [PATCH 09/10] Formatting. --- guides/v2.2/ui_comp_guide/bk-ui_comps.md | 6 ++---- 1 file changed, 2 insertions(+), 4 deletions(-) diff --git a/guides/v2.2/ui_comp_guide/bk-ui_comps.md b/guides/v2.2/ui_comp_guide/bk-ui_comps.md index c94c0e053ac..3c3c746ad25 100644 --- a/guides/v2.2/ui_comp_guide/bk-ui_comps.md +++ b/guides/v2.2/ui_comp_guide/bk-ui_comps.md @@ -105,12 +105,11 @@ A particular instance of a UI component is defined primarily by the following: ## UI component used in the frontend design area -* Configured through layout XML +* Configured through layout XML. -* The jsLayout argument is used to specify information +* The `jsLayout` argument is used to specify information. ```xml - @@ -120,7 +119,6 @@ A particular instance of a UI component is defined primarily by the following: - ``` ## UI component used in the Adminhtml area From 2f18cb7c84b3a10a624bc455a8a8363fc7fcaf30 Mon Sep 17 00:00:00 2001 From: Donald Booth Date: Tue, 21 May 2019 12:52:03 -0500 Subject: [PATCH 10/10] Formatting. --- guides/v2.1/ui_comp_guide/bk-ui_comps.md | 6 ++---- 1 file changed, 2 insertions(+), 4 deletions(-) diff --git a/guides/v2.1/ui_comp_guide/bk-ui_comps.md b/guides/v2.1/ui_comp_guide/bk-ui_comps.md index 2eb176a428a..d0039a1f872 100644 --- a/guides/v2.1/ui_comp_guide/bk-ui_comps.md +++ b/guides/v2.1/ui_comp_guide/bk-ui_comps.md @@ -105,12 +105,11 @@ A particular instance of a UI component is defined primarily by the following: ## UI component used in the frontend design area -* Configured through layout XML +* Configured through layout XML. -* The jsLayout argument is used to specify information +* The `jsLayout` argument is used to specify information. ```xml - @@ -120,7 +119,6 @@ A particular instance of a UI component is defined primarily by the following: - ``` ## UI component used in the Adminhtml area