Demo VisualData/Carousel

VisualData provides a Carousel result format based on Slick.

The carousel is fueled with data retrieved with any page with associated data and all or almost all Slick options are supported using the prefix "-slick".

The easiest way to use it is to create a schema with an array of items, each of them with the properties "file", "title", "caption" and "link" (only the file property is required, and the properties can be mapped to those names in the parser function itself), save a list of files and attributes in any page, and then to use a parser function as follows:

{{#visualdataprint: Carousel pictures
|schema=Carousel
|format=carousel
|height=400px
|width=400px
|slick-adaptiveHeight=true
}}

The images in the Carousel has been uploaded into the wiki in a conventional way, and then associated to the page Carousel pictures (the form is editable clicking the tab button Edit data) using the schema VisualDataSchema:Carousel.

Automat

Edward Hopper

People in the sun

Edward Hopper

Sunlight on Brownstones

Edward Hopper

Room in New York

Edward Hopper

form is loading...

Instead than editing directly the page with the carousel data, they can be edited using a form as follows:

{{#visualdataform: Carousel
|title = Carousel
|action = edit
|edit-page = Carousel pictures
|return-page = Demo_VisualData/Carousel
|view = popup
|popup-size = medium
|css-class =
|pagename-formula =
|edit-freetext = true   
|edit-categories = false
|edit-content-model = false
|edit-target-slot = false
|target-slot = main
|default-categories = 
|default-content-model = wikitext
|preload=
|preload-data=
|layout-align = top
|popup-help = false 
|layout = tabs
|submit-button-text =
|validate-button-text =
|callback=
|overwrite-existing-article-on-create = false
}}