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

2.0.0 2020-11-07 05:51 UTC

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.