Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
12 changes: 6 additions & 6 deletions aspnet-core/DateTimePicker/Appearance-and-Styling.md
Original file line number Diff line number Diff line change
@@ -1,13 +1,13 @@
---
layout: post
title: Appearance and Styling | DateTimePicker | ASP.NET Core | Syncfusion
description: appearance and styling
title: Appearance and Styling in ASP.NET Core DateTimePicker | Syncfusion
description: Learn here all about appearance and styling support in Syncfusion Essential ASP.NET Core DateTimePicker control, it's elements and more.
platform: aspnet-core
control: DateTimePicker
documentation: ug
---

# Appearance and Styling
# Appearance and Styling in ASP.NET Core DateTimePicker

## Theme

Expand Down Expand Up @@ -63,7 +63,7 @@ N> To render the DateTimePicker Control you can use either Razor or Tag helper c

2. The following screenshot displays the output for the above code.

![](Appearance-and-Styling_images/Appearance-and-Styling_img1.png)
![Theme in ASP.NET Core DateTimePicker.](appearance-and-styling_images/aspnet-core-date-time-picker-theme.png)

Showcase of DateTimePicker with gradient lime dark theme
{:.caption}
Expand Down Expand Up @@ -115,9 +115,9 @@ Using this CssClass you can override the existing styles under the theme style s
</style>

{% endhighlight %}


![](Appearance-and-Styling_images/Appearance-and-Styling_img2.png)
![CSS class in ASP.NET Core DateTimePicker.](appearance-and-styling_images/aspnet-core-date-time-picker-css-class.png)


Showcase for DateTimePicker with cssClass “Purple-dark”
{:.caption}
Expand Down
17 changes: 8 additions & 9 deletions aspnet-core/Maps/User-Interaction.md
Original file line number Diff line number Diff line change
@@ -1,13 +1,13 @@
---
layout: post
title: Interactive features of Maps control for Asp.Net Core
description: Learn how to enables the effective interaction on Map elements
title: User Interactive in ASP.NET Core Maps Control | Syncfusion
description: Learn here all about user interactive support in Syncfusion Essential ASP.NET Core Maps control, it's elements and more.
platform: aspnet-core
control: Maps
documentation: ug
---

# User Interaction
# User Interaction in ASP.NET Core Maps

Options like zooming, panning and map selection enable the effective interaction on Map elements.

Expand Down Expand Up @@ -40,7 +40,7 @@ selection-stroke-width="2" value-path="population">



![](User-Interaction_images/User-Interaction_img1.png)
![Selection in ASP.NET Core Maps.](user-interaction_images/aspnet-core-maps-selection.png)


## MultiSelection
Expand All @@ -58,7 +58,7 @@ This feature enables you to select multiple Map shapes on mouse taps accompanied

{% endhighlight %}

![](User-Interaction_images/User-Interaction_img5.png)
![Multiselection in ASP.NET Core Maps.](user-interaction_images/aspnet-core-maps-multi-selection.png)


## Dragging On Selection
Expand All @@ -74,7 +74,7 @@ You can enable this feature by setting the property `dragging-on-selection` in t

{% endhighlight %}

![](User-Interaction_images/User-Interaction_img4.png)
![Dragging on selection in ASP.NET Core Maps.](user-interaction_images/aspnet-core-maps-dragging-on-selection.png)


## Zooming
Expand Down Expand Up @@ -147,8 +147,7 @@ You can zoom the Map with mouse events by using mouse scroll. When the mouse is

When the map is double-tapped by using mouse, the zoom in operation is performed.

![](User-Interaction_images/User-Interaction_img2.png)

![Mouse double tap in ASP.NET Core Maps.](user-interaction_images/aspnet-core-maps-mouse-double-tap.png)

### By using Shape Selection

Expand Down Expand Up @@ -247,7 +246,7 @@ Specifies the zoom factor for map zoom value, you can use `factor` property.

Navigation control is built-in with Maps control. With Navigation control, Maps can be panned in any direction and zoomed. It is possible to show or hide the NavigationControl by `enable-navigation` property.

![](User-Interaction_images/User-Interaction_img3.png)
![Navigation in ASP.NET Core Maps.](user-interaction_images/aspnet-core-maps-navigation.png)


{% highlight CSHTML %}
Expand Down