date picker and calendars using polyfiller for drupalgap resolved codes

drupal, drupalgap

/**
* Implements hook_install().
*/
function sample_drupalgap_install() {
try {
var js4 = drupalgap_get_path(‘module’, sample_drupalgap’) + ‘/js-webshim/minified/polyfiller.js’;
drupalgap_add_js(js4);

var customdatejs = drupalgap_get_path(‘module’, ‘sample_drupalgap’) + ‘/js/customdate.js’;
drupalgap_add_js(customdatejs);

}
catch (error) { console.log(‘sample_drupalgap_install – ‘ + error); }
}

 

 

Add this code at the bottom of the sample_drupalgap.js file

 

webshim.setOptions(‘waitReady’, true);
(function(){

webshim.setOptions(‘forms’, {
//configure instantvalidation for jQuery mobile
iVal: {
// jQM; change iVal option for jQuery mobile
fieldWrapper: ‘[data-role=”fieldcontain”]’,
handleBubble: ‘hide’ // ‘hide’ || false || true
}
});

webshim.setOptions(‘forms-ext’, {
//only use custom widgets if we do not see some mobile aspects
replaceUI: ‘auto’,
types: ‘range date time number month’,
widgets: {
//buttonOnly: true,
openOnFocus: true,
popover: {
appendTo: ‘body’,
position: {
my: ‘center’,
at: ‘center’,
collision: ‘fit’
}
}
}
});

drupalgap image upload script

drupalgap

use drupal’s file_save service to manage files using drupalgap
file_save(file, {
success: function(result) {
try {
// var fid=result.fid;
//$(‘input#fid’).val(result.fid);
// alert(result.fid);
form_state.values[‘fid’]=result.fid;
console.log(‘success’);
}
catch (error) {
console.log(‘_image_field_form_process – success – ‘ + error);
}
}
});

 

DrupalGap

drupalgap

DrupalGap is an open source application development kit for Drupal websites. It can be used to easily build custom multi-platform mobile apps and web apps for Drupal websites.

 

With the DrupalGap application development kit, developers can create mobile apps that communicate with their Drupal websites.

 

Web Application Development Kit

The DrupalGap¬†application development kit¬†can also be used to build web apps, which is perfect for a “headless” Drupal.