Table of Contents

Class Viewport

Namespace
GroupeIsa.Neos.Designer.UIAbstractions.SystemEnvironment
Assembly
GroupeIsa.Neos.Designer.UIAbstractions.dll

Represents an area available to render the user interface on the front end platform.

[ExcludeFromCodeCoverage]
public class Viewport
Inheritance
Viewport
Inherited Members

Properties

CurrentBreakpoint

Gets the current breakpoint.

public ResponsiveBreakpoint CurrentBreakpoint { get; }

Property Value

ResponsiveBreakpoint

Height

Gets the height.

public int Height { get; }

Property Value

int

IsWidthAtLeastExtraExtraLarge

Gets a value indicating whether the width is greater than or equal to the extra extra large breakpoint.

public bool IsWidthAtLeastExtraExtraLarge { get; }

Property Value

bool

Remarks

Use this property for mobile-first responsive logic.

IsWidthAtLeastExtraLarge

Gets a value indicating whether the width is greater than or equal to the extra large breakpoint.

public bool IsWidthAtLeastExtraLarge { get; }

Property Value

bool

Remarks

Use this property for mobile-first responsive logic.

IsWidthAtLeastLarge

Gets a value indicating whether the width is greater than or equal to the large breakpoint.

public bool IsWidthAtLeastLarge { get; }

Property Value

bool

Remarks

Use this property for mobile-first responsive logic.

IsWidthAtLeastMedium

Gets a value indicating whether the width is greater than or equal to the medium breakpoint.

public bool IsWidthAtLeastMedium { get; }

Property Value

bool

Remarks

Use this property for mobile-first responsive logic.

IsWidthAtLeastSmall

Gets a value indicating whether the width is greater than or equal to the small breakpoint.

public bool IsWidthAtLeastSmall { get; }

Property Value

bool

Remarks

Use this property for mobile-first responsive logic.

IsWidthBelowExtraExtraLarge

Gets a value indicating whether the width is less than the extra extra large breakpoint.

public bool IsWidthBelowExtraExtraLarge { get; }

Property Value

bool

Remarks

Use this property for desktop-first responsive logic.

IsWidthBelowExtraLarge

Gets a value indicating whether the width is less than the extra large breakpoint.

public bool IsWidthBelowExtraLarge { get; }

Property Value

bool

Remarks

Use this property for desktop-first responsive logic.

IsWidthBelowLarge

Gets a value indicating whether the width is less than the large breakpoint.

public bool IsWidthBelowLarge { get; }

Property Value

bool

Remarks

Use this property for desktop-first responsive logic.

IsWidthBelowMedium

Gets a value indicating whether the width is less than the medium breakpoint.

public bool IsWidthBelowMedium { get; }

Property Value

bool

Remarks

Use this property for desktop-first responsive logic.

IsWidthBelowSmall

Gets a value indicating whether the width is less than the small breakpoint.

public bool IsWidthBelowSmall { get; }

Property Value

bool

Remarks

Use this property for desktop-first responsive logic.

Width

Gets the width.

public int Width { get; }

Property Value

int

Methods

IsWidthAtLeast(ResponsiveBreakpoint)

Gets a value indicating whether the width is greater than or equal to the specified breakpoint.

public bool IsWidthAtLeast(ResponsiveBreakpoint responsiveBreakpoint)

Parameters

responsiveBreakpoint ResponsiveBreakpoint

The responsive breakpoint to compare with.

Returns

bool

A value indicating whether the width is greater than or equal to the specified breakpoint.

Remarks

Use this method for mobile-first responsive logic.

IsWidthBelow(ResponsiveBreakpoint)

Gets a value indicating whether the width is less than the specified breakpoint.

public bool IsWidthBelow(ResponsiveBreakpoint responsiveBreakpoint)

Parameters

responsiveBreakpoint ResponsiveBreakpoint

The responsive breakpoint to compare with.

Returns

bool

A value indicating whether the width is less than the specified breakpoint.

Remarks

Use this method for desktop-first responsive logic.