Demo VisualData 1.0 / Page upload

Page upload

From Wikisphere
Revision as of 09:52, 3 November 2024 by Admin (talk | contribs)
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
Jump to navigation Jump to search

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 and showDropTarget. 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)


form is loading...


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.

Demo VisualData/Page upload
a
Demo VisualData/Page upload
b
Demo VisualData/Page upload
c
Demo VisualData/Page upload
d
Demo VisualData/Page upload
cape cod evening
Demo VisualData/Page upload
f
{{#visualdataprint: {{FULLPAGENAME}}
|schema=Page upload
|format=carousel
|slick-adaptiveHeight=true
}}


See also


support & questions: support at topway.it

Download the latest version!