xddesigners / silverstripe-lazyforms
Convert your dynamic forms into lazy loading forms. To be used with static published pages.
Installs: 20
Dependents: 0
Suggesters: 0
Security: 0
Stars: 2
Watchers: 2
Forks: 0
Open Issues: 0
Type:silverstripe-vendormodule
This package is auto-updated.
Last update: 2024-03-29 04:46:30 UTC
README
Convert normal SilverStripe form into Lazy loading forms and take maximum advantage of the SilverStripe Static Publishing module. In the static publishing module pages with forms are not allowed. The module show the exact same form in disabled state while loading. This form can be used as a skeleton. With CSS you can change it to greyed out, see example below.
The form is fully functional after loading.
Installation
composer require xddesigners/silverstripe-lazyforms
// optional if not already present
composer require "silverstripe/staticpublishqueue
Usage
Replace your $Form calls in your .ss templates.
// in SS template // old situation $Form // changed: load lazy form $LazyForm // in case Form method has different name // before $ProductReviewForm // changed: load lazy form $LazyForm('ProductReviewForm')
Styling the skeleton form
The form is loaded without SecurityID in a disabled state in the static published page. You can grey out all the fields with you own css. This is visible while the real form is loading.
/* SCSS Example */ .lazyform--loading { ul.optionset label, .text label, .textarea label, .text input, .textarea textarea, select.dropdown, .button{ background-color: #999 !important; color: #999 !important; opacity: .5 !important; } }