akicreative / akiforms
Bootstrap integrated form generator.
Installs: 1 780
Dependents: 0
Suggesters: 0
Security: 0
Stars: 0
Watchers: 1
Forks: 0
Open Issues: 0
Language:JavaScript
Type:package
Requires
This package is auto-updated.
Last update: 2024-03-07 15:51:33 UTC
README
This package is designed to create forms for Laravel / Bootstrap.
This package is also being used to learn how to build packages so it is not expected to be used by general public and reliability can not be guaranteed.
New Release
Use at your own risk.
Installation
Models
use AkiCreative\AkiForms\Models\Akiasset;
Assets
Route::get('/asset/private/{id}/private/{filename}', 'AkiCreative\AkiForms\AssetController@private')->name('aki.asset.private');
AkiForm Class
Initialization
$ar = new Akiform($errors, []);
Arguments
var $errors = []; var $tabindex = 1; var $echo = true; var $csrf = true; var $horizontal = false; var $horizontalleft = 'col-md-3'; var $horizontalright = 'col-md-9'; var $size = 'form-control-sm'; var $defaults = []; var $constrainform = ''; var $inlinelist = false; var $openform = false; var $viewmode = false;
Checkbox Switch
$ar->build('switch', 'Label', 'name', ['checkboxvalues' => [['test1', 'This is a test']]]);
Date Picker
This date picker uses a Modal Pop up to show a calendar.
$ar->build('datepicker', 'Label', 'name', []);
Options
datepickertoday = [false] datepickerclear = [true]
Configurations
$dpcfgs = [
'yearstart' => date("Y"),
'yearend' => date("Y") + 5,
'startrange' => '',
'endrange' => '',
'exclude' => '',
'datepickerformat' => 'd/m/Y'
];
Include Class
You must include the class at the bottom of the page in the scripts section.
AkiForm::datepickerjs();
Light Box
Add a lightbox to a page that will change dynamically to the link you send it.
Button and Trigger
<a href="#" data-toggle="modal" data-target="#akilightbox" data-url="#">Text</a>
In Scripts
AkiForm::lightboxjs();
Update Log
Remove tags.
Description List
General a list that will compact down responsively. It will also put in line dividers
Toast
$.post('{{ route('aki.toast') }}', { header: header, body: body }, function(result) {
$('#toastcontainer').append(result);
});
Coming soon.