I have created a page and am currently converting the page to use bootstrap. I was using an apex:inputField and nothing is wrong except that inputField does not accept disabled as an attribute. So I am trying to convert it into a regular input element and it works as expected but the moment I remove the inputField it breaks the entire page and shows "Error occurred while loading a Visualforce page."

<div class="col-md-4 col-sm-6 col-xs-12 noPadding">
    <h4>I need assistance with</h4><span class="required">*</span>
    <apex:inputField value="{!Case.I_need_assistance_with__c}" />
    <input class="form-control col-md-6 col-sm-8 col-xs-12" id="disabledInput" type="text" placeholder="{!Case.I_need_assistance_with__c}" disabled="true" />

Why is removing this line causing an error?


For future reference, you can pass custom html attributes into inputFields (and other VisualForce tags), using html pass-through attributes: https://developer.salesforce.com/docs/atlas.en-us.196.0.pages.meta/pages/pages_html_features_pass_through_attributes.htm


<apex:inputField value="{!Case.I_need_assistance_with__c}" html-disabled="true" />

After thinking about this more it hit me that inputField was a dropdown and not just a flat inputbox. I modified my code to be,

<select disabled="true">
    <option value="{!Case.I_need_assistance_with__c}">{!Case.I_need_assistance_with__c}</option>

and it worked without any issues. Weird how it will render correctly inside of the inputbox though.

  • Whats really weird is that it let you save it with the input field and input in the code if the input was the issue....
    – Eric
    Aug 26 '14 at 2:26
  • Agreed! Totally blew my mind.
    – Grady D
    Aug 26 '14 at 2:28

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.