{"id":3143,"date":"2024-11-14T14:21:23","date_gmt":"2024-11-14T14:21:23","guid":{"rendered":"https:\/\/sankhamtech.com\/index.php\/content\/india\/english\/home\/free-courses\/aem-backend-concepts\/create-various-dialog-box-fields\/"},"modified":"2024-11-15T18:12:19","modified_gmt":"2024-11-15T18:12:19","slug":"create-various-dialog-box-fields","status":"publish","type":"page","link":"https:\/\/sankhamtech.com\/index.php\/content\/in\/en\/home\/free-courses\/aem-backend-concepts\/create-various-dialog-box-fields\/","title":{"rendered":"Create Various Dialog Box Fields"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"3143\" class=\"elementor elementor-3143\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b9ac894 e-flex e-con-boxed e-con e-parent\" data-id=\"b9ac894\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-4e01e5c e-con-full e-flex e-con e-child\" data-id=\"4e01e5c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e24b4a2 elementor-hidden-mobile elementor-widget elementor-widget-text-editor\" data-id=\"e24b4a2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<h6 style=\"text-align: center;\"><span style=\"text-decoration: underline;\">Lessons<\/span><\/h6>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-73b1fdb elementor-hidden-desktop elementor-hidden-tablet elementor-widget elementor-widget-text-editor\" data-id=\"73b1fdb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<h6 style=\"text-align: center;\"><a href=\"https:\/\/sankhamtech.com\/index.php\/content\/india\/english\/home\/free-courses\/aem-backend-concepts\/\"><span style=\"text-decoration: underline;\">Lessons<\/span><\/a><\/h6>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0a8bc34 elementor-hidden-mobile elementor-widget elementor-widget-darsanam_header_menu_widget\" data-id=\"0a8bc34\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"darsanam_header_menu_widget.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"darsanam-menu-wrapper \"><div class='hamburger-icon'> &nbsp; Menu<\/div><div class=\"menu-container\"><nav class='elementor-menu'><ul class='darsanam-menu-vertical'><li class='darsanam-menu-item'><a href='https:\/\/sankhamtech.com\/index.php\/content\/in\/en\/home\/free-courses\/aem-backend-concepts\/github-link-for-the-entire-course\/'>Github Link for the Entire Course<\/a><i class=\"menu-icon-right fas fa-angle-right\"><\/i><\/li><li class='darsanam-menu-item'><a href='https:\/\/sankhamtech.com\/index.php\/content\/in\/en\/home\/free-courses\/aem-backend-concepts\/video-lesson-how-the-internet-works\/'>[VIDEO LESSON] How the Internet Works<\/a><i class=\"menu-icon-right fas fa-angle-right\"><\/i><\/li><li class='darsanam-menu-item'><a href='https:\/\/sankhamtech.com\/index.php\/content\/in\/en\/home\/free-courses\/aem-backend-concepts\/video-lesson-web-development-architecture-decoded\/'>[VIDEO LESSON] Web Development Architecture Decoded<\/a><i class=\"menu-icon-right fas fa-angle-right\"><\/i><\/li><li class='darsanam-menu-item'><a href='https:\/\/sankhamtech.com\/index.php\/content\/in\/en\/home\/free-courses\/aem-backend-concepts\/introduction-to-content-management-systems\/'>Introduction to Content Management Systems<\/a><i class=\"menu-icon-right fas fa-angle-right\"><\/i><\/li><li class='darsanam-menu-item'><a href='https:\/\/sankhamtech.com\/index.php\/content\/in\/en\/home\/free-courses\/aem-backend-concepts\/content-management-vs-experience-management\/'>Content Management vs Experience Management<\/a><i class=\"menu-icon-right fas fa-angle-right\"><\/i><\/li><li class='darsanam-menu-item'><a href='https:\/\/sankhamtech.com\/index.php\/content\/in\/en\/home\/free-courses\/aem-backend-concepts\/video-lesson-what-is-adobe-experience-manager\/'>[VIDEO LESSON] What is Adobe Experience Manager?<\/a><i class=\"menu-icon-right fas fa-angle-right\"><\/i><\/li><li class='darsanam-menu-item'><a href='https:\/\/sankhamtech.com\/index.php\/content\/in\/en\/home\/free-courses\/aem-backend-concepts\/video-lesson-how-to-obtain-adobe-experience-manager-aem-jar-from-adobe\/'>[VIDEO LESSON] How to Obtain Adobe Experience Manager (AEM) JAR from Adobe<\/a><i class=\"menu-icon-right fas fa-angle-right\"><\/i><\/li><li class='darsanam-menu-item'><a href='https:\/\/sankhamtech.com\/index.php\/content\/in\/en\/home\/free-courses\/aem-backend-concepts\/video-lesson-installing-aem-jar\/'>[VIDEO LESSON] Installing AEM Jar<\/a><i class=\"menu-icon-right fas fa-angle-right\"><\/i><\/li><li class='darsanam-menu-item'><a href='https:\/\/sankhamtech.com\/index.php\/content\/in\/en\/home\/free-courses\/aem-backend-concepts\/troubleshooting-common-issues-in-installing-aem-jar\/'>Troubleshooting Common Issues in Installing AEM JAR<\/a><i class=\"menu-icon-right fas fa-angle-right\"><\/i><\/li><li class='darsanam-menu-item'><a href='https:\/\/sankhamtech.com\/index.php\/content\/in\/en\/home\/free-courses\/aem-backend-concepts\/understanding-author-and-publish-instances\/'>Understanding Author and Publish Instances<\/a><i class=\"menu-icon-right fas fa-angle-right\"><\/i><\/li><li class='darsanam-menu-item'><a href='https:\/\/sankhamtech.com\/index.php\/content\/in\/en\/home\/free-courses\/aem-backend-concepts\/creating-and-editing-a-page-in-aem\/'>Creating and Editing a Page in AEM<\/a><i class=\"menu-icon-right fas fa-angle-right\"><\/i><\/li><li class='darsanam-menu-item'><a href='https:\/\/sankhamtech.com\/index.php\/content\/in\/en\/home\/free-courses\/aem-backend-concepts\/find-where-page-is-saved-in-backend\/'>Find Where Page is Saved in Backend<\/a><i class=\"menu-icon-right fas fa-angle-right\"><\/i><\/li><li class='darsanam-menu-item'><a href='https:\/\/sankhamtech.com\/index.php\/content\/in\/en\/home\/free-courses\/aem-backend-concepts\/aems-sling-framework-understanding-component-resolution-and-rendering\/'>AEM\u2019s Sling Framework: Understanding Component Resolution and Rendering<\/a><i class=\"menu-icon-right fas fa-angle-right\"><\/i><\/li><li class='darsanam-menu-item'><a href='https:\/\/sankhamtech.com\/index.php\/content\/in\/en\/home\/free-courses\/aem-backend-concepts\/video-lesson-creating-a-hello-world-component-in-aem-using-crx-de\/'>[VIDEO LESSON] Creating a \u201cHello World\u201d Component in AEM Using CRX\/DE<\/a><i class=\"menu-icon-right fas fa-angle-right\"><\/i><\/li><li class='darsanam-menu-item'><a href='https:\/\/sankhamtech.com\/index.php\/content\/in\/en\/home\/free-courses\/aem-backend-concepts\/understanding-jcr-in-the-context-of-aem\/'>Understanding JCR in the Context of AEM<\/a><i class=\"menu-icon-right fas fa-angle-right\"><\/i><\/li><li class='darsanam-menu-item'><a href='https:\/\/sankhamtech.com\/index.php\/content\/in\/en\/home\/free-courses\/aem-backend-concepts\/nodes-and-properties-in-jcr\/'>Nodes and Properties in JCR<\/a><i class=\"menu-icon-right fas fa-angle-right\"><\/i><\/li><li class='darsanam-menu-item'><a href='https:\/\/sankhamtech.com\/index.php\/content\/in\/en\/home\/free-courses\/aem-backend-concepts\/jcr-sessions-and-workspaces\/'>JCR Sessions and Workspaces<\/a><i class=\"menu-icon-right fas fa-angle-right\"><\/i><\/li><li class='darsanam-menu-item'><a href='https:\/\/sankhamtech.com\/index.php\/content\/in\/en\/home\/free-courses\/aem-backend-concepts\/understanding-sql2-queries-in-aem\/'>Understanding SQL2 Queries in AEM<\/a><i class=\"menu-icon-right fas fa-angle-right\"><\/i><\/li><li class='darsanam-menu-item'><a href='https:\/\/sankhamtech.com\/index.php\/content\/in\/en\/home\/free-courses\/aem-backend-concepts\/understanding-and-using-aems-querybuilder-tool\/'>Understanding and Using AEM\u2019s QueryBuilder Tool<\/a><i class=\"menu-icon-right fas fa-angle-right\"><\/i><\/li><li class='darsanam-menu-item'><a href='https:\/\/sankhamtech.com\/index.php\/content\/in\/en\/home\/free-courses\/aem-backend-concepts\/import-and-export-jcr-data-using-package-manager\/'>Import and Export JCR Data Using Package Manager<\/a><i class=\"menu-icon-right fas fa-angle-right\"><\/i><\/li><li class='darsanam-menu-item'><a href='https:\/\/sankhamtech.com\/index.php\/content\/in\/en\/home\/free-courses\/aem-backend-concepts\/installing-aem-project-archetype\/'>Installing AEM Project Archetype<\/a><i class=\"menu-icon-right fas fa-angle-right\"><\/i><\/li><li class='darsanam-menu-item'><a href='https:\/\/sankhamtech.com\/index.php\/content\/in\/en\/home\/free-courses\/aem-backend-concepts\/troubleshooting-common-post-deployment-issues-in-aem\/'>Troubleshooting Common Post-Deployment Issues in AEM<\/a><i class=\"menu-icon-right fas fa-angle-right\"><\/i><\/li><li class='darsanam-menu-item'><a href='https:\/\/sankhamtech.com\/index.php\/content\/in\/en\/home\/free-courses\/aem-backend-concepts\/video-lesson-aem-dialog-box-authoring-development\/'>[VIDEO LESSON] AEM Dialog Box Authoring & Development<\/a><i class=\"menu-icon-right fas fa-angle-right\"><\/i><\/li><li class='darsanam-menu-item'><a href='https:\/\/sankhamtech.com\/index.php\/content\/in\/en\/home\/free-courses\/aem-backend-concepts\/video-lesson-aem-htl-language-syntax-practice\/'>[VIDEO LESSON] AEM HTL Language Syntax Practice<\/a><i class=\"menu-icon-right fas fa-angle-right\"><\/i><\/li><li class='darsanam-menu-item'><a href='https:\/\/sankhamtech.com\/index.php\/content\/in\/en\/home\/free-courses\/aem-backend-concepts\/video-lesson-aem-htl-global-objects\/'>[VIDEO LESSON] AEM HTL Global Objects<\/a><i class=\"menu-icon-right fas fa-angle-right\"><\/i><\/li><li class='darsanam-menu-item'><a href='https:\/\/sankhamtech.com\/index.php\/content\/in\/en\/home\/free-courses\/aem-backend-concepts\/video-lesson-aem-htl-global-objects-contd\/'>[VIDEO LESSON] AEM HTL Global Objects (Contd.)<\/a><i class=\"menu-icon-right fas fa-angle-right\"><\/i><\/li><li class='darsanam-menu-item'><a href='https:\/\/sankhamtech.com\/index.php\/content\/in\/en\/home\/free-courses\/aem-backend-concepts\/video-lesson-understanding-aem-dialog-box\/'>[VIDEO LESSON] Understanding AEM Dialog Box<\/a><i class=\"menu-icon-right fas fa-angle-right\"><\/i><\/li><li class='darsanam-menu-item'><a href='https:\/\/sankhamtech.com\/index.php\/content\/in\/en\/home\/free-courses\/aem-backend-concepts\/creating-and-deploying-component-in-aem\/'>Creating and Deploying Component in AEM<\/a><i class=\"menu-icon-right fas fa-angle-right\"><\/i><\/li><li class='darsanam-menu-item'><a href='https:\/\/sankhamtech.com\/index.php\/content\/in\/en\/home\/free-courses\/aem-backend-concepts\/create-various-dialog-box-fields\/' style='color: #FF7700 !important'>Create Various Dialog Box Fields<\/a><i class=\"menu-icon-right fas fa-angle-right\"><\/i><\/li><li class='darsanam-menu-item'><a href='https:\/\/sankhamtech.com\/index.php\/content\/in\/en\/home\/free-courses\/aem-backend-concepts\/video-lesson-sling-models-and-sightly-introduction\/'>[VIDEO LESSON] Sling Models and Sightly Introduction<\/a><i class=\"menu-icon-right fas fa-angle-right\"><\/i><\/li><li class='darsanam-menu-item'><a href='https:\/\/sankhamtech.com\/index.php\/content\/in\/en\/home\/free-courses\/aem-backend-concepts\/video-lesson-sling-model-explained-with-real-use-case\/'>[VIDEO LESSON] Sling Model Explained with Real Use Case<\/a><i class=\"menu-icon-right fas fa-angle-right\"><\/i><\/li><li class='darsanam-menu-item'><a href='https:\/\/sankhamtech.com\/index.php\/content\/in\/en\/home\/free-courses\/aem-backend-concepts\/video-lesson-aem-resource-resolver-query-builder\/'>[VIDEO LESSON] AEM Resource Resolver & Query Builder<\/a><i class=\"menu-icon-right fas fa-angle-right\"><\/i><\/li><li class='darsanam-menu-item'><a href='https:\/\/sankhamtech.com\/index.php\/content\/in\/en\/home\/free-courses\/aem-backend-concepts\/video-lesson-aem-query-builder-java-beans\/'>[VIDEO LESSON] AEM Query Builder & Java Beans<\/a><i class=\"menu-icon-right fas fa-angle-right\"><\/i><\/li><li class='darsanam-menu-item'><a href='https:\/\/sankhamtech.com\/index.php\/content\/in\/en\/home\/free-courses\/aem-backend-concepts\/video-lesson-add-css-to-aem-component\/'>[VIDEO LESSON] Add CSS to AEM Component<\/a><i class=\"menu-icon-right fas fa-angle-right\"><\/i><\/li><li class='darsanam-menu-item'><a href='https:\/\/sankhamtech.com\/index.php\/content\/in\/en\/home\/free-courses\/aem-backend-concepts\/video-lesson-aem-templates-components-authoring\/'>[VIDEO LESSON] AEM Templates & Components Authoring<\/a><i class=\"menu-icon-right fas fa-angle-right\"><\/i><\/li><li class='darsanam-menu-item'><a href='https:\/\/sankhamtech.com\/index.php\/content\/in\/en\/home\/free-courses\/aem-backend-concepts\/video-lesson-add-css-variations-to-aem-component\/'>[VIDEO LESSON] Add CSS Variations to AEM Component<\/a><i class=\"menu-icon-right fas fa-angle-right\"><\/i><\/li><li class='darsanam-menu-item'><a href='https:\/\/sankhamtech.com\/index.php\/content\/in\/en\/home\/free-courses\/aem-backend-concepts\/creating-a-multi-field-in-aem\/'>Creating a Multi-Field in AEM<\/a><i class=\"menu-icon-right fas fa-angle-right\"><\/i><\/li><li class='darsanam-menu-item'><a href='https:\/\/sankhamtech.com\/index.php\/content\/in\/en\/home\/free-courses\/aem-backend-concepts\/creating-a-composite-multifield-in-aem\/'>Creating a Composite Multifield in AEM<\/a><i class=\"menu-icon-right fas fa-angle-right\"><\/i><\/li><li class='darsanam-menu-item'><a href='https:\/\/sankhamtech.com\/index.php\/content\/in\/en\/home\/free-courses\/aem-backend-concepts\/implementing-conditional-dialog-fields\/'>Implementing Conditional Dialog Fields<\/a><i class=\"menu-icon-right fas fa-angle-right\"><\/i><\/li><li class='darsanam-menu-item'><a href='https:\/\/sankhamtech.com\/index.php\/content\/in\/en\/home\/free-courses\/aem-backend-concepts\/best-practices-for-creating-sling-models\/'>Best Practices for Creating Sling Models<\/a><i class=\"menu-icon-right fas fa-angle-right\"><\/i><\/li><li class='darsanam-menu-item'><a href='https:\/\/sankhamtech.com\/index.php\/content\/in\/en\/home\/free-courses\/aem-backend-concepts\/video-lesson-introduction-to-aem-sling-servlet\/'>[VIDEO LESSON] Introduction to AEM Sling Servlet<\/a><i class=\"menu-icon-right fas fa-angle-right\"><\/i><\/li><li class='darsanam-menu-item'><a href='https:\/\/sankhamtech.com\/index.php\/content\/in\/en\/home\/free-courses\/aem-backend-concepts\/video-lesson-aem-headless-servlet-implementation\/'>[VIDEO LESSON] AEM Headless \u2013 Servlet Implementation<\/a><i class=\"menu-icon-right fas fa-angle-right\"><\/i><\/li><li class='darsanam-menu-item'><a href='https:\/\/sankhamtech.com\/index.php\/content\/in\/en\/home\/free-courses\/aem-backend-concepts\/video-lesson-osgi-services-introduction\/'>[VIDEO LESSON] OSGI Services Introduction<\/a><i class=\"menu-icon-right fas fa-angle-right\"><\/i><\/li><li class='darsanam-menu-item'><a href='https:\/\/sankhamtech.com\/index.php\/content\/in\/en\/home\/free-courses\/aem-backend-concepts\/video-lesson-aem-osgi-services-implementation\/'>[VIDEO LESSON] AEM OSGI Services Implementation<\/a><i class=\"menu-icon-right fas fa-angle-right\"><\/i><\/li><li class='darsanam-menu-item'><a href='https:\/\/sankhamtech.com\/index.php\/content\/in\/en\/home\/free-courses\/aem-backend-concepts\/video-lesson-filters-in-osgi-services\/'>[VIDEO LESSON] Filters in OSGI Services<\/a><i class=\"menu-icon-right fas fa-angle-right\"><\/i><\/li><li class='darsanam-menu-item'><a href='https:\/\/sankhamtech.com\/index.php\/content\/in\/en\/home\/free-courses\/aem-backend-concepts\/calling-external-api-from-osgi-service\/'>Calling External API from OSGI Service<\/a><i class=\"menu-icon-right fas fa-angle-right\"><\/i><\/li><li class='darsanam-menu-item'><a href='https:\/\/sankhamtech.com\/index.php\/content\/in\/en\/home\/free-courses\/aem-backend-concepts\/improving-aem-sling-model-with-service-layer-integration\/'>Improving AEM Sling Model with Service Layer Integration<\/a><i class=\"menu-icon-right fas fa-angle-right\"><\/i><\/li><li class='darsanam-menu-item'><a href='https:\/\/sankhamtech.com\/index.php\/content\/in\/en\/home\/free-courses\/aem-backend-concepts\/best-practices-for-secure-and-efficient-resource-access\/'>Best Practices for Secure and Efficient Resource Access<\/a><i class=\"menu-icon-right fas fa-angle-right\"><\/i><\/li><li class='darsanam-menu-item'><a href='https:\/\/sankhamtech.com\/index.php\/content\/in\/en\/home\/free-courses\/aem-backend-concepts\/video-lessonstep-by-step-process-to-get-resource-resolver-from-system-user\/'>[VIDEO LESSON]Step By Step Process to Get Resource Resolver from System User<\/a><i class=\"menu-icon-right fas fa-angle-right\"><\/i><\/li><li class='darsanam-menu-item'><a href='https:\/\/sankhamtech.com\/index.php\/content\/in\/en\/home\/free-courses\/aem-backend-concepts\/the-importance-and-use-cases-of-workflows\/'>The Importance and Use Cases of Workflows<\/a><i class=\"menu-icon-right fas fa-angle-right\"><\/i><\/li><li class='darsanam-menu-item'><a href='https:\/\/sankhamtech.com\/index.php\/content\/in\/en\/home\/free-courses\/aem-backend-concepts\/introduction-to-workflow-creation\/'>Introduction to Workflow Creation<\/a><i class=\"menu-icon-right fas fa-angle-right\"><\/i><\/li><li class='darsanam-menu-item'><a href='https:\/\/sankhamtech.com\/index.php\/content\/in\/en\/home\/free-courses\/aem-backend-concepts\/understanding-participant-step-in-aem\/'>Understanding Participant Step in AEM<\/a><i class=\"menu-icon-right fas fa-angle-right\"><\/i><\/li><li class='darsanam-menu-item'><a href='https:\/\/sankhamtech.com\/index.php\/content\/in\/en\/home\/free-courses\/aem-backend-concepts\/understanding-workflow-steps\/'>Understanding Workflow Steps<\/a><i class=\"menu-icon-right fas fa-angle-right\"><\/i><\/li><li class='darsanam-menu-item'><a href='https:\/\/sankhamtech.com\/index.php\/content\/in\/en\/home\/free-courses\/aem-backend-concepts\/understanding-workflow-steps-contd\/'>Understanding Workflow Steps [Contd.]<\/a><i class=\"menu-icon-right fas fa-angle-right\"><\/i><\/li><li class='darsanam-menu-item'><a href='https:\/\/sankhamtech.com\/index.php\/content\/in\/en\/home\/free-courses\/aem-backend-concepts\/step-1-understand-aem-workflow-use-case\/'>Step 1: Understand AEM Workflow Use Case.<\/a><i class=\"menu-icon-right fas fa-angle-right\"><\/i><\/li><li class='darsanam-menu-item'><a href='https:\/\/sankhamtech.com\/index.php\/content\/in\/en\/home\/free-courses\/aem-backend-concepts\/step-2-create-user-groups-and-assign-users\/'>Step 2: Create User Groups and Assign Users<\/a><i class=\"menu-icon-right fas fa-angle-right\"><\/i><\/li><li class='darsanam-menu-item'><a href='https:\/\/sankhamtech.com\/index.php\/content\/in\/en\/home\/free-courses\/aem-backend-concepts\/step-3-create-new-page-properties\/'>Step 3: Create New Page Properties<\/a><i class=\"menu-icon-right fas fa-angle-right\"><\/i><\/li><li class='darsanam-menu-item'><a href='https:\/\/sankhamtech.com\/index.php\/content\/in\/en\/home\/free-courses\/aem-backend-concepts\/workflow-example-code-below\/'>Workflow Example Code Below<\/a><i class=\"menu-icon-right fas fa-angle-right\"><\/i><\/li><\/ul><\/nav><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2227a39 e-con-full e-flex e-con e-child\" data-id=\"2227a39\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9c53c56 elementor-widget elementor-widget-text-editor\" data-id=\"9c53c56\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<h2>Create Various Dialog Box Fields<\/h2><p><\/p><h4 class=\"wp-block-heading\"><strong>Introduction<\/strong><\/h4><p> <\/p><p>This guide will walk you through the process of creating a new component named &#8220;Profile&#8221; in Adobe Experience Manager (AEM) using IntelliJ. This component will include a dialog box with various fields like a path picker for the profile picture, text fields, a date picker, a dropdown menu, and radio buttons.<\/p><p> <\/p><h5 class=\"wp-block-heading\"><strong>Creating the Component<\/strong><\/h5><p> <\/p><ol class=\"wp-block-list\"><li>Open IntelliJ and navigate to your AEM project.<\/li> <li>Go to the path: <code>ui.apps\\src\\main\\content\\jcr_root\\apps\\wknd\\components<\/code>.<\/li> <li>Create a new folder named <code>profile<\/code>.<\/li> <li>Inside <code>profile<\/code>, create a file named <code>.content.xml<\/code> with the following content:<\/li><\/ol><p> <\/p><pre class=\"wp-block-code\"><code>&lt;?xml version=\"1.0\" encoding=\"UTF-8\"?&gt;\n&lt;jcr:root xmlns:cq=\"http:\/\/www.day.com\/jcr\/cq\/1.0\" xmlns:jcr=\"http:\/\/www.jcp.org\/jcr\/1.0\"\n          jcr:primaryType=\"cq:Component\"\n          jcr:title=\"Profile\"\n          componentGroup=\"WKND Sites Project - Content\"\/&gt;\n<\/code><\/pre><p> <\/p><ul class=\"wp-block-list\"><li>This XML file defines the basic structure of the component.<\/li> <li>Create an HTML file for the component, e.g., <code>profile.html<\/code>, and add the following code:<\/li><\/ul><p> <\/p><pre class=\"wp-block-code\"><code>&lt;h1&gt;Hello, World!&lt;\/h1&gt;\n\n\n<\/code><\/pre><p> <\/p><p>This is a placeholder for now. We will modify it later to display dynamic content.<\/p><p> <\/p><p><strong>Creating the Dialog Box<\/strong><\/p><p> <\/p><ol class=\"wp-block-list\"><li>Inside the <code>profile<\/code> folder, create a subfolder named <code>_cq_dialog<\/code>.<\/li> <li>Inside <code>_cq_dialog<\/code>, create a file named <code>.content.xml<\/code>.<\/li> <li>Add the following content to <code>.content.xml<\/code>:<\/li><\/ol><p> <\/p><pre class=\"wp-block-code\"><code>&lt;?xml version=\"1.0\" encoding=\"UTF-8\"?&gt;\n&lt;jcr:root xmlns:sling=\"http:\/\/sling.apache.org\/jcr\/sling\/1.0\" xmlns:granite=\"http:\/\/www.adobe.com\/jcr\/granite\/1.0\" xmlns:cq=\"http:\/\/www.day.com\/jcr\/cq\/1.0\" xmlns:jcr=\"http:\/\/www.jcp.org\/jcr\/1.0\" xmlns:nt=\"http:\/\/www.jcp.org\/jcr\/nt\/1.0\"\n          jcr:primaryType=\"nt:unstructured\"\n          jcr:title=\"Profile\"\n          sling:resourceType=\"cq\/gui\/components\/authoring\/dialog\"\n&gt;\n    &lt;content\n            jcr:primaryType=\"nt:unstructured\"\n            sling:resourceType=\"granite\/ui\/components\/coral\/foundation\/container\"&gt;\n        &lt;items jcr:primaryType=\"nt:unstructured\"&gt;\n            &lt;tabs\n                    jcr:primaryType=\"nt:unstructured\"\n                    sling:resourceType=\"granite\/ui\/components\/coral\/foundation\/tabs\"\n                    maximized=\"{Boolean}true\"&gt;\n                &lt;items jcr:primaryType=\"nt:unstructured\"&gt;\n                    &lt;properties\n                            jcr:primaryType=\"nt:unstructured\"\n                            jcr:title=\"Properties\"\n                            sling:resourceType=\"granite\/ui\/components\/coral\/foundation\/container\"\n                            margin=\"{Boolean}true\"&gt;\n                        &lt;items jcr:primaryType=\"nt:unstructured\"&gt;\n                            &lt;columns\n                                    jcr:primaryType=\"nt:unstructured\"\n                                    sling:resourceType=\"granite\/ui\/components\/coral\/foundation\/fixedcolumns\"\n                                    margin=\"{Boolean}true\"&gt;\n                                &lt;items jcr:primaryType=\"nt:unstructured\"&gt;\n                                    &lt;column\n                                            jcr:primaryType=\"nt:unstructured\"\n                                            sling:resourceType=\"granite\/ui\/components\/coral\/foundation\/container\"&gt;\n                                        &lt;items jcr:primaryType=\"nt:unstructured\"&gt;\n                                            &lt;profilePicture\n                                                    jcr:primaryType=\"nt:unstructured\"\n                                                    sling:resourceType=\"granite\/ui\/components\/coral\/foundation\/form\/pathfield\"\n                                                    fieldLabel=\"Profile Picture\"\n                                                    name=\".\/profilePicture\"\/&gt;\n                                            &lt;candidateName\n                                                    jcr:primaryType=\"nt:unstructured\"\n                                                    sling:resourceType=\"granite\/ui\/components\/coral\/foundation\/form\/textfield\"\n                                                    fieldLabel=\"Candidate Name\"\n                                                    name=\".\/candidateName\"\/&gt;\n                                            &lt;dateOfBirth\n                                                    jcr:primaryType=\"nt:unstructured\"\n                                                    sling:resourceType=\"granite\/ui\/components\/coral\/foundation\/form\/datepicker\"\n                                                    fieldLabel=\"Date of Birth\"\n                                                    name=\".\/dateOfBirth\"\/&gt;\n                                            &lt;engineeringMajor\n                                                    jcr:primaryType=\"nt:unstructured\"\n                                                    sling:resourceType=\"granite\/ui\/components\/coral\/foundation\/form\/select\"\n                                                    fieldLabel=\"Engineering Major\"\n                                                    name=\".\/engineeringMajor\"&gt;\n                                                &lt;items jcr:primaryType=\"nt:unstructured\"&gt;\n                                                    &lt;cse\n                                                            jcr:primaryType=\"nt:unstructured\"\n                                                            text=\"CSE\"\n                                                            value=\"CSE\"\/&gt;\n                                                    &lt;eee\n                                                            jcr:primaryType=\"nt:unstructured\"\n                                                            text=\"EEE\"\n                                                            value=\"EEE\"\/&gt;\n                                                    &lt;ece\n                                                            jcr:primaryType=\"nt:unstructured\"\n                                                            text=\"ECE\"\n                                                            value=\"ECE\"\/&gt;\n                                                    &lt;mech\n                                                            jcr:primaryType=\"nt:unstructured\"\n                                                            text=\"MECH\"\n                                                            value=\"MECH\"\/&gt;\n                                                &lt;\/items&gt;\n                                            &lt;\/engineeringMajor&gt;\n                                            &lt;gender\n                                                    jcr:primaryType=\"nt:unstructured\"\n                                                    sling:resourceType=\"granite\/ui\/components\/coral\/foundation\/form\/radiogroup\"\n                                                    fieldLabel=\"Gender\"\n                                                    name=\".\/gender\"&gt;\n                                                &lt;items jcr:primaryType=\"nt:unstructured\"&gt;\n                                                    &lt;male\n                                                            jcr:primaryType=\"nt:unstructured\"\n                                                            text=\"Male\"\n                                                            value=\"Male\"\/&gt;\n                                                    &lt;female\n                                                            jcr:primaryType=\"nt:unstructured\"\n                                                            text=\"Female\"\n                                                            value=\"Female\"\/&gt;\n                                                    &lt;other\n                                                            jcr:primaryType=\"nt:unstructured\"\n                                                            text=\"Other\"\n                                                            value=\"Other\"\/&gt;\n                                                &lt;\/items&gt;\n                                            &lt;\/gender&gt;\n                                        &lt;\/items&gt;\n                                    &lt;\/column&gt;\n                                &lt;\/items&gt;\n                            &lt;\/columns&gt;\n                        &lt;\/items&gt;\n                    &lt;\/properties&gt;\n                &lt;\/items&gt;\n            &lt;\/tabs&gt;\n        &lt;\/items&gt;\n    &lt;\/content&gt;\n&lt;\/jcr:root&gt;\n<\/code><\/pre><p> <\/p><p>Above code snippet is an XML representation of a dialog box for an AEM component named &#8220;Profile.&#8221; It defines various fields to capture profile details, such as a profile picture, candidate name, date of birth, engineering major, and gender. Let&#8217;s break it down:<\/p><p> <\/p><ol class=\"wp-block-list\"><li><strong>Root Element (<code>&lt;jcr:root&gt;<\/code>):<\/strong><ul class=\"wp-block-list\"><li>Defines the namespaces used in the XML. These namespaces (<code>cq<\/code>, <code>jcr<\/code>, <code>nt<\/code>, <code>sling<\/code>) are standard in AEM and refer to various functionalities and node types.<\/li> <li>Sets the primary type as <code>cq:Dialog<\/code>, indicating that this node represents a dialog box in AEM.<\/li> <li>The <code>jcr:title<\/code> attribute sets the title of the dialog box to &#8220;Profile Details.&#8221;<\/li> <li><code>sling:resourceType<\/code> specifies that this is a dialog box component (<code>cq\/gui\/components\/authoring\/dialog<\/code>).<\/li><\/ul><\/li> <li><strong>Content Node (<code>&lt;content&gt;<\/code>):<\/strong><ul class=\"wp-block-list\"><li>It&#8217;s of type <code>nt:unstructured<\/code> and serves as a container for the dialog&#8217;s content.<\/li> <li>The <code>sling:resourceType<\/code> is set to <code>granite\/ui\/components\/coral\/foundation\/container<\/code>, making it a container for UI elements.<\/li><\/ul><\/li> <li><strong>Layout Node (<code>&lt;layout&gt;<\/code>):<\/strong><ul class=\"wp-block-list\"><li>A fieldset (<code>granite\/ui\/components\/coral\/foundation\/form\/fieldset<\/code>) that groups the form fields.<\/li> <li><code>acs-commons-nested<\/code> and <code>name<\/code> attributes are set for advanced configurations and name-spacing.<\/li><\/ul><\/li> <li><strong>Form Fields (<code>&lt;items&gt;<\/code> under <code>&lt;layout&gt;<\/code>):<\/strong><ul class=\"wp-block-list\"><li><strong>Profile Picture (<code>&lt;profilePicture&gt;<\/code>):<\/strong> A pathfield for selecting a profile picture. It uses <code>granite\/ui\/components\/coral\/foundation\/form\/pathfield<\/code> as its resource type.<\/li> <li><strong>Candidate Name (<code>&lt;candidateName&gt;<\/code>):<\/strong> A text field for entering the candidate&#8217;s name.<\/li> <li><strong>Date of Birth (<code>&lt;dateOfBirth&gt;<\/code>):<\/strong> A date picker field.<\/li> <li><strong>Engineering Major (<code>&lt;engineeringMajor&gt;<\/code>):<\/strong> A dropdown (<code>form\/select<\/code>) with options for different engineering majors like CSE, EEE, ECE, and MECH.<\/li> <li><strong>Gender (<code>&lt;gender&gt;<\/code>):<\/strong> A radio group to select gender. It includes options for Male, Female, and Other.<\/li><\/ul><\/li><\/ol><p> <\/p><p>Each field is an <code>nt:unstructured<\/code> node with properties like <code>fieldLabel<\/code> (the label displayed on the dialog) and <code>name<\/code> (the name of the property to be saved). The dropdown and radio group have child nodes under <code>&lt;items&gt;<\/code> representing each selectable option, with <code>text<\/code> (displayed text) and <code>value<\/code> (saved value) properties.<\/p><p> <\/p><p>This XML configuration, when placed in the correct JCR path (usually under <code>\/apps\/&lt;project-name&gt;\/components\/&lt;component-name&gt;\/cq:dialog<\/code>), will render a dialog box in the AEM authoring interface, allowing content authors to input and save these profile details for the component.<\/p><p> <\/p><h4 class=\"wp-block-heading\"><strong>Deploying the Component<\/strong><\/h4><p> <\/p><ol class=\"wp-block-list\"><li>Build your AEM project in IntelliJ.<\/li> <li>Deploy it to your AEM instance.<\/li><\/ol><p> <\/p><h4 class=\"wp-block-heading\"><strong>Modifying the Component to Use Dialog Box Data<\/strong><\/h4><p> <\/p><ol class=\"wp-block-list\"><li>Update the <code>profile.html<\/code> file to use the properties from the dialog box. The file should look like this:<\/li><\/ol><p> <\/p><pre class=\"wp-block-code\"><code>&lt;img src=\"${properties.profilePicture}\" alt=\"Profile Picture\"&gt;\n&lt;h2&gt;${properties.candidateName}&lt;\/h2&gt;\n&lt;p&gt;Date of Birth: ${'dd-MM-yyyy' @ format=properties.dateOfBirth}&lt;\/p&gt;\n&lt;p&gt;Engineering Major: ${properties.engineeringMajor}&lt;\/p&gt;\n&lt;p&gt;Gender: ${properties.gender}&lt;\/p&gt;<\/code><\/pre><p> <\/p><p><strong>Profile Picture<\/strong>:<\/p><p> <\/p><ul class=\"wp-block-list\"><li><code>&lt;img&gt;<\/code>: This HTML tag is used to embed an image on a web page.<\/li> <li><code>src=\"${properties.profilePicture}\"<\/code>: The <code>src<\/code> attribute of the image tag is dynamically set using the <code>properties<\/code> object. The <code>properties.profilePicture<\/code> retrieves the URL\/path of the profile picture stored in the component&#8217;s properties in AEM. This URL is then used as the source for the image.<\/li> <li><code>alt=\"Profile Picture\"<\/code>: The <code>alt<\/code> attribute provides alternative text for the image if it cannot be displayed. It improves accessibility and SEO.<\/li><\/ul><p> <\/p><p><strong>Candidate Name<\/strong>:<\/p><p> <\/p><ul class=\"wp-block-list\"><li><code>&lt;h2&gt;<\/code>: This tag defines a level 2 heading in HTML.<\/li> <li><code>${properties.candidateName}<\/code>: This expression fetches the value of the candidate&#8217;s name from the component&#8217;s properties and displays it as the heading text.<\/li><\/ul><p> <\/p><p><strong>Date of Birth<\/strong>:<\/p><p> <\/p><ul class=\"wp-block-list\"><li><code>&lt;p&gt;<\/code>: Represents a paragraph in HTML.<\/li> <li><code>Date of Birth:<\/code>: Plain text that will be displayed before the date of birth.<\/li> <li><code>${'dd-MM-yyyy' @ format=properties.dateOfBirth}<\/code>: This expression formats the date of birth stored in the component&#8217;s properties (<code>properties.dateOfBirth<\/code>). The <code>@format<\/code> option is used to specify the date format (in this case, day-month-year).<\/li><\/ul><p> <\/p><p><strong>Engineering Major<\/strong>:<\/p><p> <\/p><p>This paragraph displays the text &#8220;Engineering Major:&#8221; followed by the value of <code>properties.engineeringMajor<\/code>, which is expected to be the field of engineering the candidate majors in (like CSE, EEE, ECE, MECH).<\/p><p> <\/p><p><strong>Gender<\/strong>:<\/p><p> <\/p><p>Similar to the previous points, this line displays the gender of the candidate. The value is fetched from <code>properties.gender<\/code>.<\/p><p> <\/p><h4 class=\"wp-block-heading\">Steps for Authoring the &#8220;Profile&#8221; Component in AEM:<\/h4><p> <\/p><h5 class=\"wp-block-heading\">1. Accessing AEM Authoring Environment<\/h5><p> <\/p><ul class=\"wp-block-list\"><li>Log in to the AEM authoring environment.<\/li> <li>Navigate to the page where you want to add the &#8220;Profile&#8221; component.<\/li><\/ul><p> <\/p><h5 class=\"wp-block-heading\">2. Adding the Component to the Page<\/h5><p> <\/p><ul class=\"wp-block-list\"><li>In the page editor, locate the place where you want to insert the component.<\/li> <li>Click on the component placeholder (usually indicated by a &#8220;+&#8221; icon).<\/li> <li>From the component list, select &#8220;Profile&#8221; under the &#8220;WKND Sites Project &#8211; Content&#8221; group.<\/li><\/ul><p> <\/p><h5 class=\"wp-block-heading\">3. Configuring the Component<\/h5><p> <\/p><p>Once the component is placed on the page, it&#8217;s time to configure it using the dialog fields defined in the XML.<\/p><p> <\/p><p><strong>Profile Picture (Path Picker)<\/strong><\/p><p> <\/p><ul class=\"wp-block-list\"><li>Click on the placed &#8220;Profile&#8221; component to open its dialog.<\/li> <li>For the &#8220;Profile Picture&#8221;, click on the field labeled &#8220;Profile Picture&#8221;.<\/li> <li>Use the path picker to navigate to and select the desired image from the DAM (Digital Asset Manager).<\/li> <li>Confirm the selection.<\/li><\/ul><p> <\/p><p><strong>Candidate Name (Text Field)<\/strong><\/p><p> <\/p><ul class=\"wp-block-list\"><li>Locate the field labeled &#8220;Candidate Name&#8221;.<\/li> <li>Enter the candidate&#8217;s name into this text field.<\/li><\/ul><p> <\/p><p><strong>Date of Birth (Date Picker)<\/strong><\/p><p> <\/p><ul class=\"wp-block-list\"><li>Find the &#8220;Date of Birth&#8221; field.<\/li> <li>Click on it to open the date picker.<\/li> <li>Select the appropriate date, month, and year for the candidate&#8217;s date of birth.<\/li><\/ul><p> <\/p><p><strong>Engineering Major (Dropdown)<\/strong><\/p><p> <\/p><ul class=\"wp-block-list\"><li>Go to the &#8220;Engineering Major&#8221; dropdown.<\/li> <li>Click on it to reveal the options: CSE, EEE, ECE, MECH.<\/li> <li>Select the candidate\u2019s major from the dropdown list.<\/li><\/ul><p> <\/p><p><strong>Gender (Radio Button)<\/strong><\/p><p> <\/p><ul class=\"wp-block-list\"><li>In the &#8220;Gender&#8221; section, you will see radio buttons for &#8220;Male&#8221;, &#8220;Female&#8221;, and &#8220;Other&#8221;.<\/li> <li>Select the appropriate radio button that corresponds to the candidate&#8217;s gender.<\/li><\/ul><p> <\/p><h5 class=\"wp-block-heading\">4. Saving the Configuration<\/h5><p> <\/p><ul class=\"wp-block-list\"><li>Once all fields are filled out, click on the &#8220;OK&#8221; or &#8220;Done&#8221; button to save the configuration.<\/li> <li>The dialog box will close, and the &#8220;Profile&#8221; component will be updated with the entered details on the page.<\/li><\/ul><p> <\/p><h5 class=\"wp-block-heading\">5. Preview and Publish<\/h5><p> <\/p><ul class=\"wp-block-list\"><li>Switch to the preview mode to see how the component looks on the page.<\/li> <li>If everything appears as expected, you can proceed to publish the page to make the changes live.<\/li><\/ul><p><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Lessons Lessons &nbsp; Menu Github Link for the Entire Course [VIDEO LESSON] How the Internet Works [VIDEO LESSON] Web Development Architecture Decoded Introduction to Content Management Systems Content Management vs Experience Management [VIDEO LESSON] What is Adobe Experience Manager? [VIDEO LESSON] How to Obtain Adobe Experience Manager (AEM) JAR from Adobe [VIDEO LESSON] Installing AEM [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":2868,"menu_order":28,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-3143","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.6 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Create Various Dialog Box Fields - Sankham Technologies<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/sankhamtech.com\/index.php\/content\/in\/en\/home\/free-courses\/aem-backend-concepts\/create-various-dialog-box-fields\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Create Various Dialog Box Fields - Sankham Technologies\" \/>\n<meta property=\"og:description\" content=\"Lessons Lessons &nbsp; Menu Github Link for the Entire Course [VIDEO LESSON] How the Internet Works [VIDEO LESSON] Web Development Architecture Decoded Introduction to Content Management Systems Content Management vs Experience Management [VIDEO LESSON] What is Adobe Experience Manager? [VIDEO LESSON] How to Obtain Adobe Experience Manager (AEM) JAR from Adobe [VIDEO LESSON] Installing AEM [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/sankhamtech.com\/index.php\/content\/in\/en\/home\/free-courses\/aem-backend-concepts\/create-various-dialog-box-fields\/\" \/>\n<meta property=\"og:site_name\" content=\"Sankham Technologies\" \/>\n<meta property=\"article:modified_time\" content=\"2024-11-15T18:12:19+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"10 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/sankhamtech.com\\\/index.php\\\/content\\\/in\\\/en\\\/home\\\/free-courses\\\/aem-backend-concepts\\\/create-various-dialog-box-fields\\\/\",\"url\":\"https:\\\/\\\/sankhamtech.com\\\/index.php\\\/content\\\/in\\\/en\\\/home\\\/free-courses\\\/aem-backend-concepts\\\/create-various-dialog-box-fields\\\/\",\"name\":\"Create Various Dialog Box Fields - Sankham Technologies\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/sankhamtech.com\\\/#website\"},\"datePublished\":\"2024-11-14T14:21:23+00:00\",\"dateModified\":\"2024-11-15T18:12:19+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/sankhamtech.com\\\/index.php\\\/content\\\/in\\\/en\\\/home\\\/free-courses\\\/aem-backend-concepts\\\/create-various-dialog-box-fields\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/sankhamtech.com\\\/index.php\\\/content\\\/in\\\/en\\\/home\\\/free-courses\\\/aem-backend-concepts\\\/create-various-dialog-box-fields\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/sankhamtech.com\\\/index.php\\\/content\\\/in\\\/en\\\/home\\\/free-courses\\\/aem-backend-concepts\\\/create-various-dialog-box-fields\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/sankhamtech.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Content\",\"item\":\"https:\\\/\\\/sankhamtech.com\\\/index.php\\\/content\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"India\",\"item\":\"https:\\\/\\\/sankhamtech.com\\\/index.php\\\/content\\\/in\\\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"English\",\"item\":\"https:\\\/\\\/sankhamtech.com\\\/index.php\\\/content\\\/in\\\/en\\\/\"},{\"@type\":\"ListItem\",\"position\":5,\"name\":\"Home\",\"item\":\"https:\\\/\\\/sankhamtech.com\\\/\"},{\"@type\":\"ListItem\",\"position\":6,\"name\":\"Free Courses\",\"item\":\"https:\\\/\\\/sankhamtech.com\\\/index.php\\\/content\\\/in\\\/en\\\/home\\\/free-courses\\\/\"},{\"@type\":\"ListItem\",\"position\":7,\"name\":\"AEM Backend Concepts\",\"item\":\"https:\\\/\\\/sankhamtech.com\\\/indexphp\\\/content\\\/in\\\/en\\\/home\\\/free-courses\\\/aem-backend-concepts\\\/\"},{\"@type\":\"ListItem\",\"position\":8,\"name\":\"Create Various Dialog Box Fields\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/sankhamtech.com\\\/#website\",\"url\":\"https:\\\/\\\/sankhamtech.com\\\/\",\"name\":\"Sankham Technologies\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/sankhamtech.com\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/sankhamtech.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/sankhamtech.com\\\/#organization\",\"name\":\"Sankham Technologies\",\"url\":\"https:\\\/\\\/sankhamtech.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/sankhamtech.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/sankhamtech.com\\\/wp-content\\\/uploads\\\/2023\\\/12\\\/Logo-Dark-1.png\",\"contentUrl\":\"https:\\\/\\\/sankhamtech.com\\\/wp-content\\\/uploads\\\/2023\\\/12\\\/Logo-Dark-1.png\",\"width\":306,\"height\":74,\"caption\":\"Sankham Technologies\"},\"image\":{\"@id\":\"https:\\\/\\\/sankhamtech.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Create Various Dialog Box Fields - Sankham Technologies","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/sankhamtech.com\/index.php\/content\/in\/en\/home\/free-courses\/aem-backend-concepts\/create-various-dialog-box-fields\/","og_locale":"en_US","og_type":"article","og_title":"Create Various Dialog Box Fields - Sankham Technologies","og_description":"Lessons Lessons &nbsp; Menu Github Link for the Entire Course [VIDEO LESSON] How the Internet Works [VIDEO LESSON] Web Development Architecture Decoded Introduction to Content Management Systems Content Management vs Experience Management [VIDEO LESSON] What is Adobe Experience Manager? [VIDEO LESSON] How to Obtain Adobe Experience Manager (AEM) JAR from Adobe [VIDEO LESSON] Installing AEM [&hellip;]","og_url":"https:\/\/sankhamtech.com\/index.php\/content\/in\/en\/home\/free-courses\/aem-backend-concepts\/create-various-dialog-box-fields\/","og_site_name":"Sankham Technologies","article_modified_time":"2024-11-15T18:12:19+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"10 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/sankhamtech.com\/index.php\/content\/in\/en\/home\/free-courses\/aem-backend-concepts\/create-various-dialog-box-fields\/","url":"https:\/\/sankhamtech.com\/index.php\/content\/in\/en\/home\/free-courses\/aem-backend-concepts\/create-various-dialog-box-fields\/","name":"Create Various Dialog Box Fields - Sankham Technologies","isPartOf":{"@id":"https:\/\/sankhamtech.com\/#website"},"datePublished":"2024-11-14T14:21:23+00:00","dateModified":"2024-11-15T18:12:19+00:00","breadcrumb":{"@id":"https:\/\/sankhamtech.com\/index.php\/content\/in\/en\/home\/free-courses\/aem-backend-concepts\/create-various-dialog-box-fields\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/sankhamtech.com\/index.php\/content\/in\/en\/home\/free-courses\/aem-backend-concepts\/create-various-dialog-box-fields\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/sankhamtech.com\/index.php\/content\/in\/en\/home\/free-courses\/aem-backend-concepts\/create-various-dialog-box-fields\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/sankhamtech.com\/"},{"@type":"ListItem","position":2,"name":"Content","item":"https:\/\/sankhamtech.com\/index.php\/content\/"},{"@type":"ListItem","position":3,"name":"India","item":"https:\/\/sankhamtech.com\/index.php\/content\/in\/"},{"@type":"ListItem","position":4,"name":"English","item":"https:\/\/sankhamtech.com\/index.php\/content\/in\/en\/"},{"@type":"ListItem","position":5,"name":"Home","item":"https:\/\/sankhamtech.com\/"},{"@type":"ListItem","position":6,"name":"Free Courses","item":"https:\/\/sankhamtech.com\/index.php\/content\/in\/en\/home\/free-courses\/"},{"@type":"ListItem","position":7,"name":"AEM Backend Concepts","item":"https:\/\/sankhamtech.com\/indexphp\/content\/in\/en\/home\/free-courses\/aem-backend-concepts\/"},{"@type":"ListItem","position":8,"name":"Create Various Dialog Box Fields"}]},{"@type":"WebSite","@id":"https:\/\/sankhamtech.com\/#website","url":"https:\/\/sankhamtech.com\/","name":"Sankham Technologies","description":"","publisher":{"@id":"https:\/\/sankhamtech.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/sankhamtech.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/sankhamtech.com\/#organization","name":"Sankham Technologies","url":"https:\/\/sankhamtech.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/sankhamtech.com\/#\/schema\/logo\/image\/","url":"https:\/\/sankhamtech.com\/wp-content\/uploads\/2023\/12\/Logo-Dark-1.png","contentUrl":"https:\/\/sankhamtech.com\/wp-content\/uploads\/2023\/12\/Logo-Dark-1.png","width":306,"height":74,"caption":"Sankham Technologies"},"image":{"@id":"https:\/\/sankhamtech.com\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/sankhamtech.com\/index.php\/wp-json\/wp\/v2\/pages\/3143","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sankhamtech.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sankhamtech.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sankhamtech.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sankhamtech.com\/index.php\/wp-json\/wp\/v2\/comments?post=3143"}],"version-history":[{"count":7,"href":"https:\/\/sankhamtech.com\/index.php\/wp-json\/wp\/v2\/pages\/3143\/revisions"}],"predecessor-version":[{"id":3619,"href":"https:\/\/sankhamtech.com\/index.php\/wp-json\/wp\/v2\/pages\/3143\/revisions\/3619"}],"up":[{"embeddable":true,"href":"https:\/\/sankhamtech.com\/index.php\/wp-json\/wp\/v2\/pages\/2868"}],"wp:attachment":[{"href":"https:\/\/sankhamtech.com\/index.php\/wp-json\/wp\/v2\/media?parent=3143"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}