Page upload
The following form (click the button below) shows the use of VisualData as a multiple file uploader fully customizable.
The form below uses the following features:
- wikitext in either title and description of each item and subitem
- subitem with multiple items and min-item attribute set to 1 (in order to hold the file and caption fields)
- OO.UI.SelectFileWidget for the field "file" with input-config
droppable
andshowDropTarget
. Note that both the attributes must be set in order to enable a doppable area - value formula for the file field
{{PAGEID}}-<value>
in order to upload the file with a filename prefixed with the pageId of the current or created page. This is useful when you don't want to care of uploading files with same name on the wiki. - list of accepted mime-types editable in the file input config (special page Special:ManageSchemas then Page upload schema) accessible from the settings icon besides the dropdown with available inputs (see picture below)
File:Screenshot-VisualData-InputConfig.png
(the caption associated to each file is simply a field besides the file field in the same subitem, other fields could be added as well)
This is the code to display the form-button
{{#visualdataform: Page upload |title = Page upload |action = edit |edit-page = |return-page = |view = popup |popup-size = medium |css-class = |pagename-formula = |edit-freetext = false |edit-categories = false |edit-content-model = false |default-categories = tasks |default-content-model = |layout-align = top |popup-help = true |submit-button-text = |layout = tabs |submit-button-text = |validate-button-text = }}
Also note that although the Page upload schema is now used inside a form, its typical use would be to add it to whatever page of the wiki through the "Edit semantic" tab, and then adding it to the page. This way there is no need to create a form each time.
Here is a Carousel which displays the files uploaded with the form above.
{{#visualdataprint: {{FULLPAGENAME}} |schema=Page upload |format=carousel |slick-adaptiveHeight=true }}
See also
- Demo VisualData 1.0
- New task
- Page upload
- CRUD
- Result formats
- Dependent values
- Geolocation
- Queries
- Query cities (join queries)
- Dynamic catalogue
- Datatable cards
- Nested schemas
- Carousel
- Lua
- Official docs
support & questions: support at topway.it