Toggle Side Panel
Close search

Activity › Forums › Salesforce® Discussions › Apex Inputfield not working in Salesforce1?

Tagged: , , , , , ,

  • Manpreet

    Member
    April 26, 2018 at 5:23 PM

    Hi Shubham,

    It is a known limitation of Salesforce1 Mobile and is documented in the Salesforce1 App Developer's Guide.

    From the Salesforce1 App Developer's Guide section, Visualforce Components to Avoid in Salesforce1:

    Using <apex:inputField> is fine for fields that display as a basic input field, like text, email, and phone numbers, but avoid using it for field types that use an input widget, such as date and lookup fields.

    Thanks.

  • Aman

    Member
    April 26, 2018 at 7:15 PM

    Hi Shubham,

    You can use the below code to create apex input field for the type look up :

    <apex:page docType="html-5.0" standardController="Deal__c" extensions="PositionNoteDealActionController" sidebar="false" showHeader="false" applyHtmlTag="false">
    <html xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <head>
    <meta charset="utf-8" />
    <meta http-equiv="x-ua-compatible" content="ie=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <apex:stylesheet value="{!URLFOR($Resource.salesforce_lightning, 'assets/styles/salesforce-lightning-design-system-vf.min.css')}" />

    </head>
    <body>
    <div class="yourcompanyname">
    <apex:form >

    <div class="slds-form-element">
    <label class="slds-form-element__label" >Opportunity</label>
    <div class="slds-form-element__control slds-input-has-icon slds-input-has-icon--right">
    <a href="javascript:%20openLookup%28%27%2F_ui%2Fcommon%2Fdata%2FLookupPage%3Flkfm%3Dj_id0%253Aj_id4%26lknm%3Dj_id0%253Aj_id4%253Aj_id7%26lktp%3D%27%20%2B%20getElementByIdCS%28%27j_id0%3Aj_id4%3Aj_id7_lktp%27%29.value%2C670%2C%271%27%2C%27%26lksrch%3D%27%20%2B%20escapeUTF%28getElementByIdCS%28%27j_id0%3Aj_id4%3Aj_id7%27%29.value.substring%280%2C%2080%29%29%29" id="j_id0:j_id4:j_id7_lkwgt" onclick="setLastMousePosition(event)" title="Opportunity Lookup (New Window)">
    <svg aria-hidden="true" class="slds-input__icon slds-icon-text-default" >
    <use xlink:href="{!URLFOR($Resource.salesforce_lightning, '/assets/icons/utility-sprite/svg/symbols.svg#search')}"></use>
    </svg>
    </a>
    <apex:inputField styleClass="slds-input" type="text" value="{!positionNote.Opportunity__c}"/>
    </div>
    </div>
    </apex:form>
    </div>
    </body>

    </html>
    </apex:page>
    The salesforce_lightning resource comes from the css-customizer on the lightning design system site. Just upload the entire zip as a static resource.

    The href on the anchor tag is copied directly from the lookup icon if using regular salesforce styling.

Log In to reply.

Popular Salesforce Blogs

Popular Salesforce Videos
Pros & Cons of Lightning Component vs. 3rd party frameworks in Salesforce UI development

Pros & Cons of Lightning Component vs. 3rd party frameworks in Salesforce UI development

Video in Lightning

Nikita drops by to share his invaluable experience of using popular 3rd party frameworks in Salesforce. http://media.blubrry.com/salesforceway/audio.xmcdn.com/group42/M05/25/57/wKgJ81rXk6XjaZIAAU_I_KtprFM998.m4a  

Salesforce Training Videos, Salesforce Lightning Components, How to Salesforce Lightning Component, Salesforce Video Tutorials, Salesforce Development Tutorial
Shiv Kumar Sharma May 21, 2018
1,963  Views