Custom Form template fails with GoogleMaps element

[marozen]

In the default bootstrap form template the GoogleMaps element is working (see attachment), but when I change it into a custom template and when I call the GoogleMaps element the GoogleMap shows a frame, but doesn't work (see attachmet). The 3 field elements of auto geo-complete also don't work anymore in the custom template.

 

[troester]

Your custom template must keep the Fabrik structure (HTML tags, classes, ids) so JS can work correctly.
If the default template is working it's surely not an issue with the Googlemaps API.

 

[marozen]

If you call a variable <?php $species = $elements['species']->element; ?> then all the fabrik classes are added. While with ....]->element_raw only the raw value.

I found something strange that solved the problem: See in attachment I deleted one of the variables and then all the other elements worked properly. Why is that?

 

[marozen]

And now I found out that if I change this "species" databasejoin element from Auto-complete into Drop-down then all elements work properly again.

At bootstrap default however, the Auto-complete database join doesn't cause problems. So for now I will change it into a Drop-down, but not prefered because the Drop-down has 2000 records.