{"id":695,"date":"2019-11-28T06:29:13","date_gmt":"2019-11-28T06:29:13","guid":{"rendered":"https:\/\/meetanshi.com\/blog\/2019\/11\/28\/create-input-tag-with-disabled-attribute-in-magento-system-xml\/"},"modified":"2025-05-22T15:21:23","modified_gmt":"2025-05-22T09:51:23","slug":"create-input-tag-with-disabled-attribute-in-magento-system-xml","status":"publish","type":"post","link":"https:\/\/meetanshi.com\/blog\/create-input-tag-with-disabled-attribute-in-magento-system-xml\/","title":{"rendered":"How To Create Input Tag With Disabled Attribute In Magento system.xml"},"content":{"rendered":"\n

If you are someone who develops Magento extensions<\/a> for store admins or who deliver work to another developer, bookmarking this post might be of help!<\/p>\n\n\n\n

The post gives the method to create input tag with disabled attribute in Magento system.xml.<\/p>\n\n\n\n

For example, you are developing a module that requires an external API integration. You don’t want the user to change the API details from the backend even though he has the access to the admin panel and configuration of the extension.<\/p>\n\n\n\n

In that case, you can simply disable the fields that you want not to be changed.<\/p>\n\n\n\n

Other examples where you can implement this solution is when you don’t want the user to change the password, selected countries that are allowed to use a specific feature, etc.<\/p>\n\n\n\n

Disable the attribute in Magento system.xml to get the result as shown below:<\/p>\n\n\n\n

\"How<\/figure>\n\n\n\n

Method to Create Input Tag With Disabled Attribute in Magento system.xml:<\/h2>\n\n\n\n

Find if the field code in system.xml is as below:<\/p>\n\n\n\n

<token translate=\"label\">\n    <label>Auth Token<\/label>\n    <frontend_type>text<\/frontend_type>\n    <sort_order>10<\/sort_order>\n    <show_in_default>1<\/show_in_default>\n    <show_in_website>0<\/show_in_website>\n    <show_in_store>0<\/show_in_store>\n<\/token><\/pre>\n\n\n\n
and replace it with the below:<\/p>\n\n\n\n
<token translate=\"label\">\n    <label>Auth Token<\/label>\n    <frontend_type>text<\/frontend_type>\n    <frontend_model>Vendor_Extension_Block_Field_Disable<\/frontend_model>\n    <sort_order>10<\/sort_order>\n    <show_in_default>1<\/show_in_default>\n    <show_in_website>0<\/show_in_website>\n    <show_in_store>0<\/show_in_store>\n<\/token><\/pre>\n\n\n\n
Create a new file Disable.php<\/strong><\/em> at Vendor\\Extension\\Block\\Field<\/strong><\/strong>  folder<\/p>\n\n\n\n
<?php\nclass Vendor_Extension_Block_Field_Disable extends Mage_Adminhtml_Block_System_Config_Form_Field{\n    protected function _getElementHtml($element) {\n        $element->setDisabled('disabled');\n        return parent::_getElementHtml($element);\n    }\n}<\/pre>\n\n\n\n
That\u2019s it.<\/p>\n\n\n\n
Secure your configuration with the above code.<\/p>\n\n\n\n
Do not forget to share the solution with fellow developers!<\/p>\n\n\n\n
Thanks.<\/p>\n","protected":false},"excerpt":{"rendered":"
If you are someone who develops Magento extensions for store admins or who deliver work to another developer, bookmarking this post might be of help!…<\/p>\n","protected":false},"author":5,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[34],"tags":[],"class_list":["post-695","post","type-post","status-publish","format-standard","hentry","category-magento"],"acf":[],"_links":{"self":[{"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/posts\/695","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/comments?post=695"}],"version-history":[{"count":4,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/posts\/695\/revisions"}],"predecessor-version":[{"id":15178,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/posts\/695\/revisions\/15178"}],"wp:attachment":[{"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/media?parent=695"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/categories?post=695"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/tags?post=695"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}