{"id":137425,"date":"2018-08-09T05:41:51","date_gmt":"2018-08-09T05:41:51","guid":{"rendered":"https:\/\/webkul.com\/blog\/?p=137425"},"modified":"2024-03-26T07:06:11","modified_gmt":"2024-03-26T07:06:11","slug":"how-to-create-dependable-field-in-admin-custom-form-in-magento2","status":"publish","type":"post","link":"https:\/\/webkul.com\/blog\/how-to-create-dependable-field-in-admin-custom-form-in-magento2\/","title":{"rendered":"How to create dependable field in admin custom form in Magento2"},"content":{"rendered":"\n

Here we will learn that how to add dependable field in admin custom form in Magento2<\/a>. Magento already provided all input fields which we use at the time of form creation like text, select , multiselect etc.<\/p>\n\n\n\n

Sometimes we have to need dependable field which are dependent to other input field (select type) value. We are going to explain how to create dependable fields.<\/p>\n\n\n\n

We will not explain here basic form creation. If you beginner then you can check this blog<\/strong><\/a>\u00a0.<\/p>\n\n\n\n

After successfully created basic form .Now you can add following code into Form.php In App\/Code\/Webkul\/Grid\/Block\/Adminhtml\/Grid\/Edit to add dependable field.<\/p>\n\n\n\n

$action = $fieldset->addField(\n    "main_field",\n    "select",\n    [\n        "label"     =>      __("Main Field"),\n        "class"     =>      "required-entry",\n        "name"      =>      "main_field",\n        "values"    =>      [\n            ["value" => 0,"label" => __("Do Nothing")],\n            ["value" => 1,"label" => __("Display Field")],\n        ]\n    ]\n);\n\n$anotherField = $fieldset->addField(\n    "dependent_field",\n    "text",\n    [\n        "label"     => __("Dependent Field"),\n        "class"     => "required-entry",\n        "required"  => true,\n        "name"      => "dependent_field"\n    ]\n);\n\n$this->setChild(\n    'form_after',\n    $this->getLayout()->createBlock('\\Magento\\Backend\\Block\\Widget\\Form\\Element\\Dependence')\n    ->addFieldMap($action->getHtmlId(), $action->getName())\n    ->addFieldMap($anotherField->getHtmlId(), $anotherField->getName())\n    ->addFieldDependence($anotherField->getName(), $action->getName(), 1)\n);<\/pre>\n\n\n\n
In first section we create main field select the value of this field display dependent field.Second section create dependent field.In third we define which field display after select main field and also define the value.<\/p>\n\n\n\n
You can check screen-shot.In first screen-shot initial state of form and second screen-shot show dependent field after select main field value.<\/p>\n\n\n\n
\"initial<\/figure>\n\n\n\n
\"after<\/figure>\n\n\n\n
I hope this blog will help you to create dependent field in your custom form.If you get any issue or query then you can comment below.Thanks<\/p>\n","protected":false},"excerpt":{"rendered":"
Here we will learn that how to add dependable field in admin custom form in Magento2. Magento already provided all input fields which we use at the time of form creation like text, select , multiselect etc. Sometimes we have to need dependable field which are dependent to other input field (select type) value. We […]<\/a><\/p>\n","protected":false},"author":115,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[302],"tags":[7245,7244],"class_list":["post-137425","post","type-post","status-publish","format-standard","hentry","category-magento2","tag-create-form-in-magento2","tag-dependable-field-in-magento2"],"yoast_head":"\nHow to create dependable field in admin custom form in Magento2<\/title>\n<meta name=\"description\" content=\"In this blog explain that how to create dependable field in admin cutom form in magento2\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/webkul.com\/blog\/how-to-create-dependable-field-in-admin-custom-form-in-magento2\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to create dependable field in admin custom form in Magento2\" \/>\n<meta property=\"og:description\" content=\"In this blog explain that how to create dependable field in admin cutom form in magento2\" \/>\n<meta property=\"og:url\" content=\"https:\/\/webkul.com\/blog\/how-to-create-dependable-field-in-admin-custom-form-in-magento2\/\" \/>\n<meta property=\"og:site_name\" content=\"Webkul Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/webkul\/\" \/>\n<meta property=\"article:published_time\" content=\"2018-08-09T05:41:51+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-03-26T07:06:11+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2018\/08\/Screenshot_37.png\" \/>\n<meta name=\"author\" content=\"Shubham Sharma\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@webkul\" \/>\n<meta name=\"twitter:site\" content=\"@webkul\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Shubham Sharma\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/webkul.com\/blog\/how-to-create-dependable-field-in-admin-custom-form-in-magento2\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/webkul.com\/blog\/how-to-create-dependable-field-in-admin-custom-form-in-magento2\/\"},\"author\":{\"name\":\"Shubham Sharma\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/ae41bc19a6783d2f09c6b9b3a0fbddfd\"},\"headline\":\"How to create dependable field in admin custom form in Magento2\",\"datePublished\":\"2018-08-09T05:41:51+00:00\",\"dateModified\":\"2024-03-26T07:06:11+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/webkul.com\/blog\/how-to-create-dependable-field-in-admin-custom-form-in-magento2\/\"},\"wordCount\":205,\"commentCount\":2,\"publisher\":{\"@id\":\"https:\/\/webkul.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/how-to-create-dependable-field-in-admin-custom-form-in-magento2\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2018\/08\/Screenshot_37.png\",\"keywords\":[\"create form in magento2\",\"dependable field in magento2\"],\"articleSection\":[\"Magento2\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/webkul.com\/blog\/how-to-create-dependable-field-in-admin-custom-form-in-magento2\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/webkul.com\/blog\/how-to-create-dependable-field-in-admin-custom-form-in-magento2\/\",\"url\":\"https:\/\/webkul.com\/blog\/how-to-create-dependable-field-in-admin-custom-form-in-magento2\/\",\"name\":\"How to create dependable field in admin custom form in Magento2\",\"isPartOf\":{\"@id\":\"https:\/\/webkul.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/webkul.com\/blog\/how-to-create-dependable-field-in-admin-custom-form-in-magento2\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/how-to-create-dependable-field-in-admin-custom-form-in-magento2\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2018\/08\/Screenshot_37.png\",\"datePublished\":\"2018-08-09T05:41:51+00:00\",\"dateModified\":\"2024-03-26T07:06:11+00:00\",\"description\":\"In this blog explain that how to create dependable field in admin cutom form in magento2\",\"breadcrumb\":{\"@id\":\"https:\/\/webkul.com\/blog\/how-to-create-dependable-field-in-admin-custom-form-in-magento2\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/webkul.com\/blog\/how-to-create-dependable-field-in-admin-custom-form-in-magento2\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/how-to-create-dependable-field-in-admin-custom-form-in-magento2\/#primaryimage\",\"url\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/08\/Screenshot_37.png\",\"contentUrl\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/08\/Screenshot_37.png\",\"width\":\"1284\",\"height\":\"710\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/webkul.com\/blog\/how-to-create-dependable-field-in-admin-custom-form-in-magento2\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/webkul.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to create dependable field in admin custom form in Magento2\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/webkul.com\/blog\/#website\",\"url\":\"https:\/\/webkul.com\/blog\/\",\"name\":\"Webkul Blog\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/webkul.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/webkul.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/webkul.com\/blog\/#organization\",\"name\":\"WebKul Software Private Limited\",\"url\":\"https:\/\/webkul.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png\",\"contentUrl\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png\",\"width\":380,\"height\":380,\"caption\":\"WebKul Software Private Limited\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/webkul\/\",\"https:\/\/x.com\/webkul\",\"https:\/\/www.instagram.com\/webkul\/\",\"https:\/\/www.linkedin.com\/company\/webkul\",\"https:\/\/www.youtube.com\/user\/webkul\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/ae41bc19a6783d2f09c6b9b3a0fbddfd\",\"name\":\"Shubham Sharma\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/cdf13545eee5ced4cecd7bd6cb94c1d842ec000d359f91dd900e0feec6242c3b?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/cdf13545eee5ced4cecd7bd6cb94c1d842ec000d359f91dd900e0feec6242c3b?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g\",\"caption\":\"Shubham Sharma\"},\"url\":\"https:\/\/webkul.com\/blog\/author\/shubham-sharma967\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to create dependable field in admin custom form in Magento2","description":"In this blog explain that how to create dependable field in admin cutom form in magento2","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:\/\/webkul.com\/blog\/how-to-create-dependable-field-in-admin-custom-form-in-magento2\/","og_locale":"en_US","og_type":"article","og_title":"How to create dependable field in admin custom form in Magento2","og_description":"In this blog explain that how to create dependable field in admin cutom form in magento2","og_url":"https:\/\/webkul.com\/blog\/how-to-create-dependable-field-in-admin-custom-form-in-magento2\/","og_site_name":"Webkul Blog","article_publisher":"https:\/\/www.facebook.com\/webkul\/","article_published_time":"2018-08-09T05:41:51+00:00","article_modified_time":"2024-03-26T07:06:11+00:00","og_image":[{"url":"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2018\/08\/Screenshot_37.png","type":"","width":"","height":""}],"author":"Shubham Sharma","twitter_card":"summary_large_image","twitter_creator":"@webkul","twitter_site":"@webkul","twitter_misc":{"Written by":"Shubham Sharma","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/webkul.com\/blog\/how-to-create-dependable-field-in-admin-custom-form-in-magento2\/#article","isPartOf":{"@id":"https:\/\/webkul.com\/blog\/how-to-create-dependable-field-in-admin-custom-form-in-magento2\/"},"author":{"name":"Shubham Sharma","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/ae41bc19a6783d2f09c6b9b3a0fbddfd"},"headline":"How to create dependable field in admin custom form in Magento2","datePublished":"2018-08-09T05:41:51+00:00","dateModified":"2024-03-26T07:06:11+00:00","mainEntityOfPage":{"@id":"https:\/\/webkul.com\/blog\/how-to-create-dependable-field-in-admin-custom-form-in-magento2\/"},"wordCount":205,"commentCount":2,"publisher":{"@id":"https:\/\/webkul.com\/blog\/#organization"},"image":{"@id":"https:\/\/webkul.com\/blog\/how-to-create-dependable-field-in-admin-custom-form-in-magento2\/#primaryimage"},"thumbnailUrl":"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2018\/08\/Screenshot_37.png","keywords":["create form in magento2","dependable field in magento2"],"articleSection":["Magento2"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/webkul.com\/blog\/how-to-create-dependable-field-in-admin-custom-form-in-magento2\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/webkul.com\/blog\/how-to-create-dependable-field-in-admin-custom-form-in-magento2\/","url":"https:\/\/webkul.com\/blog\/how-to-create-dependable-field-in-admin-custom-form-in-magento2\/","name":"How to create dependable field in admin custom form in Magento2","isPartOf":{"@id":"https:\/\/webkul.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/webkul.com\/blog\/how-to-create-dependable-field-in-admin-custom-form-in-magento2\/#primaryimage"},"image":{"@id":"https:\/\/webkul.com\/blog\/how-to-create-dependable-field-in-admin-custom-form-in-magento2\/#primaryimage"},"thumbnailUrl":"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2018\/08\/Screenshot_37.png","datePublished":"2018-08-09T05:41:51+00:00","dateModified":"2024-03-26T07:06:11+00:00","description":"In this blog explain that how to create dependable field in admin cutom form in magento2","breadcrumb":{"@id":"https:\/\/webkul.com\/blog\/how-to-create-dependable-field-in-admin-custom-form-in-magento2\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/webkul.com\/blog\/how-to-create-dependable-field-in-admin-custom-form-in-magento2\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/how-to-create-dependable-field-in-admin-custom-form-in-magento2\/#primaryimage","url":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/08\/Screenshot_37.png","contentUrl":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/08\/Screenshot_37.png","width":"1284","height":"710"},{"@type":"BreadcrumbList","@id":"https:\/\/webkul.com\/blog\/how-to-create-dependable-field-in-admin-custom-form-in-magento2\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/webkul.com\/blog\/"},{"@type":"ListItem","position":2,"name":"How to create dependable field in admin custom form in Magento2"}]},{"@type":"WebSite","@id":"https:\/\/webkul.com\/blog\/#website","url":"https:\/\/webkul.com\/blog\/","name":"Webkul Blog","description":"","publisher":{"@id":"https:\/\/webkul.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/webkul.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/webkul.com\/blog\/#organization","name":"WebKul Software Private Limited","url":"https:\/\/webkul.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png","contentUrl":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png","width":380,"height":380,"caption":"WebKul Software Private Limited"},"image":{"@id":"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/webkul\/","https:\/\/x.com\/webkul","https:\/\/www.instagram.com\/webkul\/","https:\/\/www.linkedin.com\/company\/webkul","https:\/\/www.youtube.com\/user\/webkul\/"]},{"@type":"Person","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/ae41bc19a6783d2f09c6b9b3a0fbddfd","name":"Shubham Sharma","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/cdf13545eee5ced4cecd7bd6cb94c1d842ec000d359f91dd900e0feec6242c3b?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/cdf13545eee5ced4cecd7bd6cb94c1d842ec000d359f91dd900e0feec6242c3b?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g","caption":"Shubham Sharma"},"url":"https:\/\/webkul.com\/blog\/author\/shubham-sharma967\/"}]}},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/137425","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/users\/115"}],"replies":[{"embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/comments?post=137425"}],"version-history":[{"count":3,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/137425\/revisions"}],"predecessor-version":[{"id":429456,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/137425\/revisions\/429456"}],"wp:attachment":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/media?parent=137425"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/categories?post=137425"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/tags?post=137425"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}