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
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
SwipeWidget.IconClass Property
The widget’s default CSS icon class.
public string? IconClass { get; set; }
Property Value
SwipeWidget.Label Property
The widget’s default label.
public string? Label { get; set; }
Property Value
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; }