Laravel Livewire (TALL-stack) form generator with realtime validation, file uploads, array fields, blade form input components and more.
MIT License
Published by tanthammar almost 4 years ago
Now there are two ways to use this package.
TallFormComponent
TallForm
Trait
This is to avoid use cases where you get Trait method naming, collisions
Published by tanthammar almost 4 years ago
new blade directive @tfonce
replaces Laravel @once
, because scripts and styles were included twice on the page
improved installer with option for tailwindcss 1.8 and 1.9
Published by tanthammar almost 4 years ago
Published by tanthammar almost 4 years ago
tailwind.config.js
, webpack.mix.js
, theme.css
, custom.css
, app.css
, wrapper
view and more.<x-tall-svg :path="path.blade-view" class="..." />
->icon()
Blade UI Icon->tallIcon()
Blade view file->htmlIcon()
any valid html$tem_key
from all views and Blade Components, use $field->key
insteadcustom_data()
and relations()
, use saveFoo()
instead$custom_data
, all data is available in the $form_data
propertyphp artisan vendor:publish --tag=tall-form-icons
php artisan vendor:publish --tag=tall-form-config
$temp_key
isn't used anymore. If you published your view files you must compare/merge them with the new files.custom_data()
and relations()
, use saveFoo()
instead.$custom_data
, all data is available in the $form_data
property
$this->custom_data
becomes $this->form_data
data_get($this->custom_data, ...)
becomes data_get($this->form_data, ...)
Published by tanthammar almost 4 years ago
Livewire v2.3.1 breaks some fields due to a change in the Livewire code.
Until this issue is resolved, this package cannot allow higher versions than v.2.3.0
Published by tanthammar almost 4 years ago
reverted back $this->rules() to $this->get_rules()
Published by tanthammar almost 4 years ago
Refactored validation to fix custom attribute using labels for Repeater field
Published by tanthammar almost 4 years ago
fixes $realtimeValidationOn for Repeater and KeyVal fields.
Published by tanthammar almost 4 years ago
Multiselect:
Published by tanthammar almost 4 years ago
Changed the @forelse @empty text in multiselect from "No items found" to "..."
Published by tanthammar almost 4 years ago
Published by tanthammar almost 4 years ago
$layout
propertyLivewire expects an app.blade.php
, when rendering full-page component.
If you want to use another layout you don't have to override the render()
method anymore.
Just set the $layout
property in the mount()
method.
public function mount()
{
$this->layout = 'layouts/guest'; // 'path/file-name'
}
Published by tanthammar almost 4 years ago
update Search field to use the options() method instead of optionsKey()
Published by tanthammar almost 4 years ago
When refactoring to themes there was a change in the load order of the classes.
This release changes .tf-field-width
in the tall-theme.css
to fix it.
.tf-field-width { /* for inline form layout */
- @apply sm:w-2/3 md:w-4/5;
+ @apply w-full sm:w-2/3 md:w-4/5;
}
Also changes the fieldWidth() method in the LabelFieldWrapper
component
Published by tanthammar almost 4 years ago
fix: Trix, include scripts conditional
Published by tanthammar almost 4 years ago
$onKeyDownEnter
is now applied to wire:submit.prevent
instead of wire:keydown.enter.prevent
, to avoid conflict on some field types.ImageCropper
script method name, now uses md5($field->name)
config/tall-forms.php
: added new config items for Trix with attachments, see field documentation
Published by tanthammar almost 4 years ago
Max volunteered to help me refactor the TailwindUI markup to pure TailwindCss and he has been a great support during the development of this release. Thank you !!!
php artisan vendor:publish --tag=tall-form-config
tailwind.config.js
- if you don't use them. Not required in the default theme.@apply
with complex classes to tailwind.config.js
- see Theme wiki pageconfig/tall-forms.php
to tall-theme
Blade
component classes to tall-theme
view
files to tall-theme
tf
prefix. example .tf-bg-primary
or .tf-text-primary
tall-nord-theme
file - sponsors only
success, danger, warning, info, primary, secondary
php artisan vendor:publish --tag=tall-form-theme-css
php artisan vendor:publish --tag=tall-form-theme-sass
@import 'tall-theme'
to app.css
or app.scss
(read wiki about nested css setup)npm run dev
php artisan vendor:publish --tag=tall-form-icons
Published by tanthammar about 4 years ago
Change php v dependency as requested in PR #33
Published by tanthammar about 4 years ago
Published by tanthammar about 4 years ago
New: option to hide the default save/submit button. with $showSave
component parameter.