diff --git a/web/views/@default/dns/providers/createPopup.html b/web/views/@default/dns/providers/createPopup.html
index 7999e5e8..f1a3dc6a 100644
--- a/web/views/@default/dns/providers/createPopup.html
+++ b/web/views/@default/dns/providers/createPopup.html
@@ -238,6 +238,34 @@
             </tr>
         </tbody>
 
+        <!-- Microsoft Azure DNS -->
+        <tbody v-if="type == 'azureDNS'">
+            <tr>
+                <td>Subscription ID *</td>
+                <td>
+                    <input type="text" name="paramAzureDNSSubscriptionId" maxlength="100" spellcheck="false"/>
+                </td>
+            </tr>
+            <tr>
+                <td>Tenant ID *</td>
+                <td>
+                    <input type="text" name="paramAzureDNSTenantId" maxlength="100" spellcheck="false"/>
+                </td>
+            </tr>
+            <tr>
+                <td>Client ID *</td>
+                <td><input type="text" name="paramAzureDNSClientId" maxlength="100" spellcheck="false"/></td>
+            </tr>
+            <tr>
+                <td>Client Secret Value *</td>
+                <td><input type="text" name="paramAzureDNSClientSecret" maxlength="100" spellcheck="false"/></td>
+            </tr>
+            <tr>
+                <td>Resource Group Name *</td>
+                <td><input type="text" name="paramAzureDNSResourceGroupName" maxlength="100" spellcheck="false"/></td>
+            </tr>
+        </tbody>
+
         <!-- EdgeDNS -->
         <tbody v-if="type == 'localEdgeDNS'">
             <tr>
diff --git a/web/views/@default/dns/providers/provider.html b/web/views/@default/dns/providers/provider.html
index 5251fa94..c8de7b8c 100644
--- a/web/views/@default/dns/providers/provider.html
+++ b/web/views/@default/dns/providers/provider.html
@@ -176,6 +176,39 @@
         </tr>
     </tbody>
 
+    <tbody v-if="provider.type == 'azureDNS'">
+        <tr>
+            <td class="color-border">Subscription ID</td>
+            <td>
+                {{provider.apiParams.subscriptionId}}
+            </td>
+        </tr>
+        <tr>
+            <td class="color-border">Tenant ID</td>
+            <td>
+                {{provider.apiParams.tenantId}}
+            </td>
+        </tr>
+        <tr>
+            <td class="color-border">Client ID</td>
+            <td>
+                {{provider.apiParams.clientId}}
+            </td>
+        </tr>
+        <tr>
+            <td class="color-border">Client Secret Value</td>
+            <td>
+                {{provider.apiParams.clientSecret}}
+            </td>
+        </tr>
+        <tr>
+            <td class="color-border">Resource Group Name</td>
+            <td>
+                {{provider.apiParams.resourceGroupName}}
+            </td>
+        </tr>
+    </tbody>
+
     <!-- Local EdgeDNS -->
     <tbody v-if="provider.type == 'localEdgeDNS'">
         <tr>
diff --git a/web/views/@default/dns/providers/updatePopup.html b/web/views/@default/dns/providers/updatePopup.html
index dcdce7ea..34392afc 100644
--- a/web/views/@default/dns/providers/updatePopup.html
+++ b/web/views/@default/dns/providers/updatePopup.html
@@ -238,6 +238,34 @@
             </tr>
         </tbody>
 
+        <!-- Microsoft Azure DNS -->
+        <tbody v-if="provider.type == 'azureDNS'">
+            <tr>
+                <td>Subscription ID *</td>
+                <td>
+                    <input type="text" name="paramAzureDNSSubscriptionId" maxlength="100" v-model="provider.params.subscriptionId" spellcheck="false"/>
+                </td>
+            </tr>
+            <tr>
+                <td>Tenant ID *</td>
+                <td>
+                    <input type="text" name="paramAzureDNSTenantId" maxlength="100" v-model="provider.params.tenantId" spellcheck="false"/>
+                </td>
+            </tr>
+            <tr>
+                <td>Client ID *</td>
+                <td><input type="text" name="paramAzureDNSClientId" maxlength="100" v-model="provider.params.clientId" spellcheck="false"/></td>
+            </tr>
+            <tr>
+                <td>Client Secret Value *</td>
+                <td><input type="text" name="paramAzureDNSClientSecret" maxlength="100" v-model="provider.params.clientSecret" spellcheck="false"/></td>
+            </tr>
+            <tr>
+                <td>Resource Group Name *</td>
+                <td><input type="text" name="paramAzureDNSResourceGroupName" maxlength="100" v-model="provider.params.resourceGroupName" spellcheck="false"/></td>
+            </tr>
+        </tbody>
+
         <!-- EdgeDNS -->
         <tbody v-if="provider.type == 'localEdgeDNS'">
             <tr>