GeoBlazor Pro

dymaptic.GeoBlazor.Pro

dymaptic.GeoBlazor.Pro.Components.Widgets

SwipeWidget Class

The Swipe widget provides a tool to show a portion of a layer or layers on top of a map. Layers can be swiped vertically or horizontally to easily compare two layers or see what is underneath a layer.
To use the Swipe widget, set the leadingLayers and trailingLayers properties to determine what will be compared on either side of the widget. If one of these properties is not set, then the Swipe widget will overlay the existing map. The visibleElements separate the leading and trailing layers, as shown in the image below.
ArcGIS JS API

public class SwipeWidget : dymaptic.GeoBlazor.Pro.Components.Widgets.ProWidget

Inheritance System.Object 🡒 Microsoft.AspNetCore.Components.ComponentBase 🡒 dymaptic.GeoBlazor.Core.Components.MapComponent 🡒 dymaptic.GeoBlazor.Core.Components.Widgets.Widget 🡒 ProWidget 🡒 SwipeWidget

Properties

SwipeWidget.Direction Property

The direction the Swipe widget moves across the view. If “horizontal”, the widget will move left and right and if “vertical”, the widget will move up and down.

public dymaptic.GeoBlazor.Pro.Components.Widgets.SwipeDirection Direction { get; set; }

Property Value

SwipeDirection

SwipeWidget.Disabled Property

When true, sets the widget to a disabled state so the user cannot interact with it.

public System.Nullable<bool> Disabled { get; set; }

Property Value

System.Nullable<System.Boolean>

SwipeWidget.DragLabel Property

When true, sets the widget to a disabled state so the user cannot interact with it.

public string? DragLabel { get; set; }

Property Value

System.String

SwipeWidget.IconClass Property

The widget’s default CSS icon class.

public string? IconClass { get; set; }

Property Value

System.String

SwipeWidget.Label Property

The widget’s default label.

public string? Label { get; set; }

Property Value

System.String

SwipeWidget.LeadingLayers Property

A collection of Layers that will show on the left or top side of the Swipe widget. See the image in the class description at the top of the page. Currently, all layers are supported except GroupLayers.

public System.Collections.Generic.IEnumerable<dymaptic.GeoBlazor.Core.Components.Layers.Layer>? LeadingLayers { get; set; }

Property Value

System.Collections.Generic.IEnumerable<dymaptic.GeoBlazor.Core.Components.Layers.Layer>

SwipeWidget.SwipePosition Property

The position of the Swipe widget. This determines what percentage of the view will be taken up by the LeadingLayers.

public System.Nullable<double> SwipePosition { get; set; }

Property Value

System.Nullable<System.Double>

SwipeWidget.TrailingLayers Property

A collection of Layers that will show on the right or bottom side of the Swipe widget. See the image in the class description at the top of the page. Currently, all layers are supported except GroupLayers.

public System.Collections.Generic.IEnumerable<dymaptic.GeoBlazor.Core.Components.Layers.Layer>? TrailingLayers { get; set; }

Property Value

System.Collections.Generic.IEnumerable<dymaptic.GeoBlazor.Core.Components.Layers.Layer>

SwipeWidget.WidgetType Property

The type of widget

public override string WidgetType { get; }

Property Value

System.String