Forum Replies Created

Viewing 1 replies (of 1 total)
  • 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! }

Viewing 1 replies (of 1 total)