Upload

Styles

You can choose from a the following Upload styles

Info

• A "*" indicates that a Upload styled with this combination looks the same as another Upload style combination.
• The color of the "custom" style can be manipulated with the scss variable $mat-custom-color

Creation

Create the Upload as follows

Code Example Vaadin 8 only

Upload upload = new Upload("Click Me!");
// Take the constants from below
upload.addStyleNames(JAVA_CONSTANT1, JAVA_CONSTANT2); 
// Now you can add the Upload to your View

Code Example Vaadin 7 & 8

Upload upload = new Upload ("Click Me!");
// Take the constants from below
upload.addStyleName(JAVA_CONSTANT1 + " " + JAVA_CONSTANT2); // Make sure to add a " " in between every Constant
// Now you can add the Upload to your View

Raised Upload styles

Description	Java Constant	Stylename
Default	-	-
Borderless	UPLOAD_BORDERLESS	"borderless"
Round	UPLOAD_ROUND	"round"
Floating Action	UPLOAD_FLOATING_ACTION	"floating-action-upload"
Border	UPLOAD_BORDER	"flat"+"border"
Round Border	UPLOAD_ROUND + UPLOAD_BORDER	"flat"+"round"+"border"
Custom	UPLOAD_CUSTOM	"flat" + "custom"

Flat Upload styles

Description	Java Constant	Stylename
Default	UPLOAD_FLAT	"flat"
Round	UPLOAD_FLAT + UPLOAD_ROUND	"flat"+"round"
Floating Action	UPLOAD_FLAT + UPLOAD_FLOATING_ACTION	"flat"+"floating-action-upload"
Border	UPLOAD_FLAT + UPLOAD_BORDER	"flat"+"border"
Round Border	UPLOAD_FLAT + UPLOAD_ROUND + UPLOAD_BORDER	"flat"+"round"+"border"
Custom	UPLOAD_FLAT + UPLOAD_CUSTOM	"flat" + "custom"