Using Shortcodes
Shortcode Example
Using the standard shortcode will create a basic upload form that will send uploads to the directory specified on the settings page of this plugin. There are two optional attributes that can be attached to this shortcode.
Standard Shortcode
[rad-dropbox]
Attribute Options
The “dir” attribute allows you to define the specific directory where uploads will be uploaded to. If the “dir” attribute is not used or is undefined, files will be uploaded to the directory specified under the settings page.
The “button” attribute allows you to specify the upload button text. If the “button” attribute is not used or is undefined, a default button text will appear.
With Button Attribute
[rad-dropbox button=”Upload!”]
With Directory Attribute
Remember opening slash!
[rad-dropbox dir=”/Path/To/Folder”]
Together
Remember opening slash!
[rad-dropbox dir=”/Path/To/Folder” button=”Upload!”]
Custom Styling With CSS
Attached Classes
Every element that displays with the shortcode has its own attached class. This allows you to customize the look and feel of the shortcode form by adding the class names to your stylesheet, and customizing as you see fit.
There is a class attached to the form element, file selection element, & upload button element.
In addition, there is also a div around the file selection element, & another around the upload button element, as outlined below.
Black – Error Message
div.rad-dropbox-error { CSS Here! }
Black – Success Message
div.rad-dropbox-success { CSS Here! }
Green – File Select DIV
div.rad-dropbox-file { CSS Here! }
Blue – Upload Button DIV
div.rad-dropbox-button { CSS Here! }
Red – Form Element
form.rad-dropbox-uploader { CSS Here! }
Orange – File Select Element
input.rad-dropbox-file { CSS Here! }
Purple – Upload Button Element
input.rad-dropbox-button { CSS Here! }
