Hi,
this is an example if you want to implement clokcpicker into the BreezingForms.
1) locate this folder :
components\com_breezingforms\libraries
and copy attached zip file ( clockpicker ) at this location and unzipp the folder
2 ) Once you do it, create an element ( 'textfiled' ) , and put the name 'timepicker'
3) Then go to the form > advanced > more options > Form Pieces > Before Form > Custom , and copy the follwoing scripts into the box :
$this->execPieceByName('ff_InitLib');
echo '<script src="'.JURI::root().'components/com_breezingforms/libraries/clockpicker/js/clockpicker.js" type="text/javascript"></script>';
echo '<link rel="stylesheet" type="text/css" media="all"
href="'.JURI::root().'components/com_breezingforms/libraries/clockpicker/css/clockpicker.css">';
echo '<link rel="stylesheet" type="text/css" media="all"
href="'.JURI::root().'components/com_breezingforms/libraries/clockpicker/css/standalone.css">';
4) once you do it , go to the form > advanced > more options > scripts > custom radio button > create code framework and put the following code into the function :
jQuery('[name="ff_nm_timepicker[]"]').wrap( '<div class="input-group clockpicker"></div>' );
jQuery('[name="ff_nm_timepicker[]"]').after( '<span class="input-group-addon"><span class="glyphicon glyphicon-time"></span></span>' );
jQuery('.clockpicker').clockpicker({
placement: 'top',
align: 'left',
autoclose: true
});
Also , you can find attached an example so you can test it yourself.
Let us know if that worked for you.
Kind regards
===============================================
Support Crosstec and get ALL EXTENSIONS and professional support for just $5
Here!
===============================================
Regards
Tihomir
==========================================
+++ Purchase Professional Support:
crosstec.org/en/support/purchase-additional-support.html +++
,