DxMap.Visible Property
Specifies the component’s visibility.
Namespace: DevExpress.Blazor
Assembly: DevExpress.Blazor.v24.2.dll
NuGet Package: DevExpress.Blazor
Declaration
[DefaultValue(true)]
[Parameter]
public bool Visible { get; set; }
Property Value
Type | Default | Description |
---|---|---|
Boolean | true |
|
Remarks
Set the Visible
property to false
to hide the DxMap component.
<DxButton Click="@toggleMapVisibility" Text="@buttonText" />
<DxMap Zoom="14" Provider="MapProvider.Bing" Visible="@mapVilible" Width="@mapWidth" Height="@mapHeight" >
<DxMapApiKeys Bing="@MapApiKeyProvider.GetBingProviderKey()" />
<DxMapCenter GeoPosition="40.7061, -73.9969" />
</DxMap>
@code {
string buttonText = "Hide map";
bool mapVilible = true;
string mapWidth = "600px";
string mapHeight = "400px";
void toggleMapVisibility(MouseEventArgs args) {
mapVilible = !mapVilible;
buttonText = mapVilible ? "Hide map" : "Show map";
mapWidth = mapVilible ? "600px" : "";
mapHeight = mapVilible ? "400px" : "";
}
}
See Also