Salesforce | Skip focus from the input box on VF page

Author - Kiran Preet

We have a VF page containing apex:inputField which contains date value so it shows calendar whenever we focus on the inputField. The problem is it is the first inputField on the page so whenever we open the page by default, the focus goes on this particular field, therefore, it always shows calendar as shown in below screenshot:

If we do not want to open this calendar on the page load or refresh we need to skip the focus from this inputField.

So I use the “html-data-skipFocus” attribute with this inputField with value true. Hence the focus skips to the next available inputField and calendar is not shown on the page open.

<apex:inputField value="{!obj.Schedule_Date__c}" html-data-skipFocus="true"/>

Now the page appears as:

The cursor(Focus) goes on next immediate inputField as shown in above screenshot and skip the date field.

Webner Solutions is a Software Development company focused on developing Insurance Agency Management Systems, Learning Management Systems and Salesforce apps. Contact us at for your Insurance, eLearning and Salesforce applications.

Leave a Reply

Your email address will not be published.