[[extend 'layout.html']]
Basic Examples
A normal page without template example
A normal page with template example
A page causing an internal error example
A missing page example
Page which raises HTTP example
Page with a redirect example
Page with parameters example
Page with query string example
Page with a postback example
Fixtues: Flash
A page with a flash (clientside only) example
A page with a flash (with redirect and fixture) example
Fixtues: Session
A page with a counter example
Helpers
A page using yatl helpers example
Internationalization and Pluralization
A page using internationalization (try set browser to italian) example
A page using pluralization (try set browser to italian) example
Components
A page embedding a py4web component via ajax (no Vue) example
Forms
A page with a create form example
A page with an update form example
A page with mutiple forms example
A page with a custom styled form example
A form with tags_input widget example
A page with form using hCaptcha example
Grid (no vue.js)
A page with an serverside pure html grid example
Grid (requires Vue.js)
A page with an ajax powered grid example
A page embedding multiple auth forms example
Py4web Component Examples (no.css)
Sample Vue.js client-side grid. Subclass components.grid.Grid to tailor. example
Javascript file uploader. Subclass components.fileupload.FileUpload to tailor. example
Custom Vue form. Subclass components.vueform.VueForm to tailor. example
Insertion form in Vue. Subclass components.vueform.InsertForm to tailor. example
Update form in Vue. Subclass components.vueform.TableForm to tailor. example
Star rating component in Vue; example of component instantiation from Vue. Subclass components.starrater.StarRater to tailor. example
Py4web Component Examples (Bulma)
Sample Vue.js client-side grid using Bulma css. Subclass components.grid.Grid to tailor. example
Custom Vue form using Bulma css. Subclass components.vueform.VueForm to tailor. example
Insertion form in Vue, using Bulma css. Subclass components.vueform.InsertForm to tailor. example
Update form in Vue, using Bluma css. Subclass components.vueform.TableForm to tailor. example
Star rating component in Vue using Bulma css; example of component instantiation from Vue. Subclass components.starrater.StarRater to tailor. example
Websocket Examples
A page using websockets ws
A page using websockets with socketio socketio