I have done quite some work to implement Drop-Down List using reusable fragment. Thanks for BR001_ACP for the excellent help and support.
Click here to access the latest version of the fragment. To test it, simply create a form with a DDL Field with few items. Attached the fragment to the form, then add on the enter event of the DDL Field this code:
I am now finalizing the fragment and facing some minor UI/UX issues and trying to improve to the best possible. Following is a summary of required improvements:
1. How to move the focus to the next field (on the main form) after you press tab when done from the selection on the current DDL Field? Now, when you press tab, the focus is lost.
2. Is it possible to write a loop to, say, attach a script to Enter Event for for all DDL fields.
Suppose I want to add the following line of code for all Drop-Down List fields - Enter Event:
I can do that during design time for all Drop-Down List (DDL) fields one at a time. I was wondering if there is a faster method to do the same using script at run time?
I was able to implement a fragment that allows autocomplete for address (search as you type) based on Google Maps APIs.
The problem is that the service must be authenticated before it can be used. This is a sample code:
There is another request to do something similar but to apply it on the "Address Field". We want to use something like Google Maps APIs to search as you type or Autocomplete to search address and display the results in a popup. So, upon selection, we need to populate the various related address fields (Street Number, Name, City, Province, Postal Code). I have implemented this in HTML5 with AngularJS.
Appreciate it if anyone knows if something similar has been implemented.