diff --git a/content/en/kanvas/tutorials/azure/deploy-azure-resources-with-meshery.md b/content/en/kanvas/tutorials/azure/deploy-azure-resources-with-meshery.md index fc13a2941b7..b75bb12169d 100644 --- a/content/en/kanvas/tutorials/azure/deploy-azure-resources-with-meshery.md +++ b/content/en/kanvas/tutorials/azure/deploy-azure-resources-with-meshery.md @@ -117,21 +117,28 @@ Azure Service Operator requires a Kubernetes secret with your Azure identity: ### 4. Deploy Azure Service Operator using Kanvas -1. In the Meshery UI, navigate to **Kanvas**. -2. Click **Catalog**, filter by **Azure**, and select the **Azure Operator** design. -3. Click **Clone** to add it to your canvas. -4. Update the secret **aso-controller-settings** in the design template. The details are also mentioned in the catalog +1. Click **Start from template**. +[Start From Template](../images/deploy-azure-resources-with-meshery/start-from-template.png) +2. Search for the **Azure Service Operator** design. +[Search Azure Operator](../images/deploy-azure-resources-with-meshery/search-azure-operator.png) +3. Once found, click on the **Azure Service Operator** design, after that, click on **Clone** to add it to your canvas. +[Clone Azure Operator](../images/deploy-azure-resources-with-meshery/clone-azure-operator.png) +4. Update the secret **aso-controller-settings** in the design template. The details are also mentioned in the catalog. +[Configure Secret Settings](../images/deploy-azure-resources-with-meshery/configure-secret-settings.png) 5. Click **Actions → Deploy**. - +[Deploy Azure Operator](../images/deploy-azure-resources-with-meshery/deploy-azure-operator.png) ### 5. Start deployment of Azure resources using Kanvas -* Go to Kanvas and start by picking up Azure components and putting it to design area. -* Click **Actions → Deploy**. -* **Azure Portal**: Confirm the new Storage Account appears in your specified resource group. - - +1. Click on **Components** and start by searching **Azure Storage** and putting the **Storage Account** to design area. +[Select Components](../images/deploy-azure-storage-account-with-meshery/select-components.png) +[Search Storage Account](../images/deploy-azure-storage-account-with-meshery/search-storage-account.png) +2. Configure the **Storage Account** to fit your needs. +[Config Storage Account](../images/deploy-azure-storage-account-with-meshery/config-storage-account.png) +3. Click **Actions → Deploy**. +[Deploy Storage Account](../images/deploy-azure-storage-account-with-meshery/deploy-storage-account.png) +4. **Azure Portal**: Confirm the new Storage Account appears in your specified resource group. ### 6. Conclusion diff --git a/content/en/kanvas/tutorials/azure/deploy-azure-storage-account-with-meshery.md b/content/en/kanvas/tutorials/azure/deploy-azure-storage-account-with-meshery.md index 6277f8dbef4..044394ef101 100644 --- a/content/en/kanvas/tutorials/azure/deploy-azure-storage-account-with-meshery.md +++ b/content/en/kanvas/tutorials/azure/deploy-azure-storage-account-with-meshery.md @@ -107,17 +107,18 @@ Azure Service Operator requires a Kubernetes secret with your Azure identity: ### 4. Design and Deploy an Azure Storage Account -1. In the Meshery UI, navigate to **Kanvas**. -2. Click **Catalog**, filter by **Azure**, and select the **StorageAccount** design. -3. Click **Clone** to add it to your canvas. -4. Configure the following properties: - +1. Click on **Components** and start by searching **Azure Storage** and putting the **Storage Account** to design area. +[Select Components](../images/deploy-azure-storage-account-with-meshery/select-components.png) +[Search Storage Account](../images/deploy-azure-storage-account-with-meshery/search-storage-account.png) +2. Configure the **Storage Account** to fit your needs. +[Config Storage Account](../images/deploy-azure-storage-account-with-meshery/config-storage-account.png) +3. Configure the following properties: * `resourceGroupName` * `location` (e.g., `eastus`) * `accountName` * `accessTier` (`Hot` or `Cool`) -5. Click **Actions → Deploy**. - +4. Click **Actions → Deploy**. +[Deploy Storage Account](../images/deploy-azure-storage-account-with-meshery/deploy-storage-account.png) ### 5. Verify Deployment @@ -125,7 +126,6 @@ Azure Service Operator requires a Kubernetes secret with your Azure identity: * **Azure Portal**: Confirm the new Storage Account appears in your specified resource group. - ### 6. Conclusion You have successfully: diff --git a/content/en/kanvas/tutorials/images/deploy-azure-resources-with-meshery/clone-azure-operator.png b/content/en/kanvas/tutorials/images/deploy-azure-resources-with-meshery/clone-azure-operator.png new file mode 100755 index 00000000000..d8c2ea4f6ae Binary files /dev/null and b/content/en/kanvas/tutorials/images/deploy-azure-resources-with-meshery/clone-azure-operator.png differ diff --git a/content/en/kanvas/tutorials/images/deploy-azure-resources-with-meshery/configure-secret-settings.png b/content/en/kanvas/tutorials/images/deploy-azure-resources-with-meshery/configure-secret-settings.png new file mode 100755 index 00000000000..ae6807c13c6 Binary files /dev/null and b/content/en/kanvas/tutorials/images/deploy-azure-resources-with-meshery/configure-secret-settings.png differ diff --git a/content/en/kanvas/tutorials/images/deploy-azure-resources-with-meshery/deploy-azure-operator.png b/content/en/kanvas/tutorials/images/deploy-azure-resources-with-meshery/deploy-azure-operator.png new file mode 100755 index 00000000000..a8b43180ba5 Binary files /dev/null and b/content/en/kanvas/tutorials/images/deploy-azure-resources-with-meshery/deploy-azure-operator.png differ diff --git a/content/en/kanvas/tutorials/images/deploy-azure-resources-with-meshery/search-azure-operator.png b/content/en/kanvas/tutorials/images/deploy-azure-resources-with-meshery/search-azure-operator.png new file mode 100755 index 00000000000..c8199deae00 Binary files /dev/null and b/content/en/kanvas/tutorials/images/deploy-azure-resources-with-meshery/search-azure-operator.png differ diff --git a/content/en/kanvas/tutorials/images/deploy-azure-resources-with-meshery/start-from-template.png b/content/en/kanvas/tutorials/images/deploy-azure-resources-with-meshery/start-from-template.png new file mode 100755 index 00000000000..b0e8ad447be Binary files /dev/null and b/content/en/kanvas/tutorials/images/deploy-azure-resources-with-meshery/start-from-template.png differ diff --git a/content/en/kanvas/tutorials/images/deploy-azure-storage-account-with-meshery/config-storage-account.png b/content/en/kanvas/tutorials/images/deploy-azure-storage-account-with-meshery/config-storage-account.png new file mode 100755 index 00000000000..1b3fb27b6be Binary files /dev/null and b/content/en/kanvas/tutorials/images/deploy-azure-storage-account-with-meshery/config-storage-account.png differ diff --git a/content/en/kanvas/tutorials/images/deploy-azure-storage-account-with-meshery/deploy-storage-account.png b/content/en/kanvas/tutorials/images/deploy-azure-storage-account-with-meshery/deploy-storage-account.png new file mode 100755 index 00000000000..c4d68b42af4 Binary files /dev/null and b/content/en/kanvas/tutorials/images/deploy-azure-storage-account-with-meshery/deploy-storage-account.png differ diff --git a/content/en/kanvas/tutorials/images/deploy-azure-storage-account-with-meshery/search-storage-account.png b/content/en/kanvas/tutorials/images/deploy-azure-storage-account-with-meshery/search-storage-account.png new file mode 100755 index 00000000000..9d1f1899267 Binary files /dev/null and b/content/en/kanvas/tutorials/images/deploy-azure-storage-account-with-meshery/search-storage-account.png differ diff --git a/content/en/kanvas/tutorials/images/deploy-azure-storage-account-with-meshery/select-components.png b/content/en/kanvas/tutorials/images/deploy-azure-storage-account-with-meshery/select-components.png new file mode 100755 index 00000000000..94446609835 Binary files /dev/null and b/content/en/kanvas/tutorials/images/deploy-azure-storage-account-with-meshery/select-components.png differ