DxMap.Visible Property
In This Article
Specifies the component’s visibility.
Namespace: DevExpress.Blazor
Assembly: DevExpress.Blazor.v24.2.dll
NuGet Package: DevExpress.Blazor
#Declaration
C#
[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.
razor
<DxButton Click="@toggleMapVisibility"
Text="@buttonText" />
<DxMap Zoom="14"
Provider="MapProvider.Azure"
Visible="@mapVisible"
Width="@mapWidth"
Height="@mapHeight" >
<DxMapApiKeys Azure="@MapApiKeyProvider.GetAzureProviderKey()" />
<DxMapCenter GeoPosition="40.7061, -73.9969" />
</DxMap>
@code {
string buttonText = "Hide map";
bool mapVisible = true;
string mapWidth = "600px";
string mapHeight = "400px";
void toggleMapVisibility(MouseEventArgs args) {
mapVisible = !mapVisible;
buttonText = mapVisible ? "Hide map" : "Show map";
mapWidth = mapVisible ? "600px" : "";
mapHeight = mapVisible ? "400px" : "";
}
}
See Also