Ultimate Uploadcare
DemoEditorGet Ultimate Uploadcare
  • Welcome
  • Introduction
    • Key Use Cases
    • Key Features
    • Release Notes
  • Getting Started
    • Retrieving Uploadcare Keys
    • Installing the plugin
  • Elements
    • Ultimate Uploadcare - Uploader
      • Settings
        • Upload Options
        • Upload Config
        • Button Styling
      • Exposed States
        • List of File Paths
        • List of UUIDs
        • List of File Names
        • Array of Files
        • Disabled
        • Base64 Array
      • Workflow Actions
        • Reset Uploader
        • Remove File From Uploader
        • Open Uploader
        • Close Uploader
      • Events
    • Ultimate Uploadcare - Cloud Image Editor
      • Settings
      • Exposed States
      • Workflow Actions
      • Events
    • Ultimate Uploadcare - Video Player
      • Settings
    • Backend Workflow Actions
      • Store File
      • Delete File
      • Extract UUID
  • Implementation
    • File Uploads with Ultimate Uploadcare - Uploader
    • Saving Files to Bubble
    • Storing Files in Uploadcare
    • Optimising Images for SEO
    • Image Editing with Ultimate Uploadcare - Cloud Image Editor
Powered by GitBook
On this page
  • Attributes
  • Color Scheme
  • Font Color
  • Background Color
  • Hover Color
  • Border Color
  • Border Width
  • Border Radius
  • Border Style
  • Disable Uploader
  • Disabled Background Color
  • Disabled Border Color
  1. Elements
  2. Ultimate Uploadcare - Uploader
  3. Settings

Button Styling

PreviousUpload ConfigNextExposed States

Last updated 6 months ago

Match the uploader button to your brand and style with the below fields.

Attributes

Color Scheme

The text displayed within the button, which indicates the button's action or purpose.

Default: Upload files


Font Color

Defines the color of the text on the button. Use this to ensure clarity and visibility.

Default: #000000

Allowed Values: Any valid hex color code


Background Color

Specifies the button's background color. Choose a color that complements the font color for readability.

Default: #FFFFFF

Allowed Values: Any valid hex color code


Hover Color

The color the button changes to when hovered over by a cursor. Helps indicate interactivity.

Default: #000000 at 10%

Allowed Values: Any valid hex color code


Border Color

Sets the color of the button's border, which can emphasize or subtly outline the button.

Default: #000000

Allowed Values: Any valid hex color code


Border Width

Determines the thickness of the button's border. Adjust to change emphasis or style.

Default: 1

Allowed Values: numeric


Border Radius

Controls the roundness of the button's corners. A higher value creates more rounded corners.

Default: 6

Allowed Values: numeric


Border Style

Defines the design of the button's border, providing various visual effects.

Default: solid

Allowed Values: none, hidden, dotted, dashed, solid, double, groove, ridge, inset, outset


Disable Uploader

When enabled, this setting prevents any image uploads, effectively disabling the button's primary action.

Default: false

Allowed Values: true, false


Disabled Background Color

Defines the button's background color when it's in a disabled state, indicating non-interactivity.

Default: blank

Allowed Values: Any valid hex color code


Disabled Border Color

Sets the border color when the button is disabled, maintaining consistency with the disabled appearance.

Default: blank

Allowed Values: Any valid hex color code