com.vaadin.flow.component.page

Annotation Type Viewport

@Target(value=TYPE)
 @Retention(value=RUNTIME)
 @Inherited
 @Documented
public @interface Viewport

Defines a viewport tag that will be added to the HTML of the host page of a UI class. If no viewport tag has been defined, a default of width=device-width, initial-scale=1.0 is used.

Since:

1.0

Author:

Vaadin Ltd

Field Summary

Fields

Modifier and Type	Fields and Description
static String	DEFAULT Sets the viewport at the width of the device.
static String	DEVICE_DIMENSIONS Sets the viewport at the width and height of the device.
static String	DEVICE_HEIGHT Sets the viewport to the height of the device rather than the rendered space.

Required Element Summary

Required Elements

Modifier and Type	Required Element and Description
String	value Gets the viewport tag content.

Field Detail

DEFAULT

public static final String DEFAULT

Sets the viewport at the width of the device. It makes the page match the screen?s width in device-independent pixels, allowing its content to reflow to match different screen sizes.

Recommended for a Responsive Web Design.

DEVICE_HEIGHT

public static final String DEVICE_HEIGHT

Sets the viewport to the height of the device rather than the rendered space.

DEVICE_DIMENSIONS

public static final String DEVICE_DIMENSIONS

Sets the viewport at the width and height of the device. The device-width and device-height properties are translated to 100vw and 100vh respectively.

Element Detail

value

public abstract String value

Gets the viewport tag content.

Returns:

the viewport tag content