Skip to content
Open
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
6 changes: 3 additions & 3 deletions chart-sdk/uwp/Barcode/Barcode-Customization.md
Original file line number Diff line number Diff line change
@@ -1,13 +1,13 @@
---
layout: post
title: Barcode Customization in UWP Barcode control | Syncfusion
description: Learn here all about Barcode Customization support in Syncfusion UWP Barcode (SfBarcode) control and more.
title: Customization in UWP Barcode | Syncfusion®
description: Customization in the WPF Barcode allows you to modify appearance, colors, sizing, labels, and styling to meet application requirements.
platform: chart-sdk
control: SfBarcode
documentation: ug
---

# Barcode Customization in UWP Barcode (SfBarcode)
# Customization in UWP Barcode

The color of the barcode can be customized by modifying the DarkBarBrush and LightBarBrush properties of the barcode control.

Expand Down
6 changes: 3 additions & 3 deletions chart-sdk/uwp/Barcode/Getting-Started.md
Original file line number Diff line number Diff line change
@@ -1,13 +1,13 @@
---
layout: post
title: Getting Started with UWP Barcode control | Syncfusion
description: Learn here about getting started with Syncfusion UWP Barcode (SfBarcode) control, its elements and more details.
title: Getting Started with UWP Barcode control | Syncfusion®
description: Learn how to get started with the Syncfusion® UWP Barcode control. Explore setup, features, examples, and customization options.
platform: chart-sdk
control: SfBarcode
documentation: ug
---

# Getting Started with UWP Barcode (SfBarcode)
# Getting Started with UWP Barcode

## Add barcode control to an application

Expand Down
6 changes: 3 additions & 3 deletions chart-sdk/uwp/Barcode/Overview.md
Original file line number Diff line number Diff line change
@@ -1,13 +1,13 @@
---
layout: post
title: About UWP Barcode control | Syncfusion
description: Learn here all about introduction of Syncfusion UWP Barcode (SfBarcode) control, its elements and more details.
title: About Syncfusion® UWP Barcode Control | Syncfusion®
description: Learn about the introduction of Syncfusion Essential Studio® UWP Barcode control, its features, capabilities, and more details.
platform: chart-sdk
control: SfBarcode
documentation: ug
---

# UWP Barcode (SfBarcode) Overview
# About Syncfusion® UWP Barcode Control

The Barcode control helps render barcodes in UWP desktop applications. The control can be integrated into any desktop application and makes it easy to encode text using the supported symbol types. The basic structure of a barcode consists of a leading and trailing quiet zone, a start pattern, one or more data characters, optionally one or two check characters, and a stop pattern.

Expand Down
6 changes: 3 additions & 3 deletions chart-sdk/uwp/Barcode/Supported-Barcode-types.md
Original file line number Diff line number Diff line change
@@ -1,13 +1,13 @@
---
layout: post
title: Supported Barcode types in UWP Barcode control | Syncfusion
description: Learn here all about supported Barcode types in Syncfusion UWP Barcode (SfBarcode) control and more.
title: Symbology Types in UWP Barcode | Syncfusion®
description: Symbology Types in the UWP Barcode include various 1D and 2D symbologies for encoding and displaying data in barcode formats.
platform: chart-sdk
control: SfBarcode
documentation: ug
---

# Supported Barcode types in UWP Barcode (SfBarcode)
# Symbology Types in UWP Barcode

The following table contains the supported types and associated valid characters.

Expand Down
6 changes: 3 additions & 3 deletions chart-sdk/uwp/Barcode/Symbology-Settings.md
Original file line number Diff line number Diff line change
@@ -1,13 +1,13 @@
---
layout: post
title: Symbology Settings in UWP Barcode control | Syncfusion
description: Learn here all about Symbology Settings support in Syncfusion UWP Barcode (SfBarcode) control and more.
title: Symbology Settings in UWP Barcode | Syncfusion®
description: Symbology settings in the UWP Barcode allow you to configure barcode-specific encoding options and customize barcode generation.
platform: chart-sdk
control: SfBarcode
documentation: ug
---

# Symbology Settings in UWP Barcode (SfBarcode)
# Symbology Settings in UWP Barcode

Each Barcode symbol can be associated with optional settings that may affect that specific bar code. The code sample below shows the settings of a Code39 Barcode.

Expand Down
6 changes: 3 additions & 3 deletions chart-sdk/uwp/HeatMap/ColorMapping.md
Original file line number Diff line number Diff line change
@@ -1,13 +1,13 @@
---
layout: post
title: ColorMapping in UWP HeatMap (SfHeatMap) control | Syncfusion®
description: How to configure colors codes for Syncfusion® Essential Studio® uwp HeatMap (SfHeatMap) control, its elements and more.
title: Color Mapping in UWP HeatMap | Syncfusion®
description: Color mapping in the UWP HeatMap configures color ranges for data values, enabling effective visualization and interpretation of data patterns.
platform: chart-sdk
control: SfHeatMap
documentation: ug
---

# Color Mapping in UWP HeatMap (SfHeatMap) control
# Color Mapping in UWP HeatMap

Color mapping is used to represent values with colors instead of displaying the actual numerical values. For example, when a HeatMap displays data ranging from 0 to 100. [ColorMapping](https://help.syncfusion.com/cr/uwp/Syncfusion.UI.Xaml.HeatMap.ColorMapping.html) defines colors for the minimum and maximum values, and intermediate values are represented with corresponding colors.

Expand Down
6 changes: 3 additions & 3 deletions chart-sdk/uwp/HeatMap/Getting-Started.md
Original file line number Diff line number Diff line change
@@ -1,13 +1,13 @@
---
layout: post
title: Getting started with Syncfusion® Essential® SfHeatMap for UWP.
description: This section explain about how to integrate UWP HeatMap (SfHeatMap) into an application and enable its basic features with example.
title: Getting Started with UWP HeatMap | Syncfusion®
description: Learn how to get started with the Syncfusion® UWP HeatMap control. Explore setup, features, examples, and customization options.
platform: chart-sdk
control: SfHeatMap
documentation: ug
---

# Getting Started with UWP HeatMap (SfHeatMap)
# Getting Started with UWP HeatMap

## Creating heatmap for windows store app

Expand Down
6 changes: 3 additions & 3 deletions chart-sdk/uwp/HeatMap/ItemsMapping.md
Original file line number Diff line number Diff line change
@@ -1,13 +1,13 @@
---
layout: post
title: ItemsMapping in UWP HeatMap (SfHeatMap) control | Syncfusion®
description: Learn here about ItemsMapping in Syncfusion® Essential Studio® UWP HeatMap (SfHeatMap) control, its elements and more.
title: Items Mapping in UWP HeatMap | Syncfusion®
description: Items mapping in the UWP HeatMap enables data fields to be mapped to rows, columns, and values for effective heat map visualization.
platform: chart-sdk
control: SfHeatMap
documentation: ug
---

# Items Mapping in UWP HeatMap (SfHeatMap) control
# Items Mapping in UWP HeatMap

External data can be mapped to a `HeatMap` using the [ItemsMapping](https://help.syncfusion.com/cr/uwp/Syncfusion.UI.Xaml.HeatMap.SfHeatMap.html#Syncfusion_UI_Xaml_HeatMap_SfHeatMap_ItemsMapping) property, which supports two types of data sources:

Expand Down
6 changes: 3 additions & 3 deletions chart-sdk/uwp/HeatMap/Legend.md
Original file line number Diff line number Diff line change
@@ -1,13 +1,13 @@
---
layout: post
title: Legend in UWP HeatMap (SfHeatMap) control | Syncfusion®
description: How to create and configure legend for Syncfusion® Essential Studio® UWP HeatMap (SfHeatMap) control, its elements and more.
title: Legend in UWP HeatMap | Syncfusion®
description: Legend in the UWP HeatMap identifies data value ranges through color indicators, helping users interpret heat map data effectively.
platform: chart-sdk
control: SfHeatMap
documentation: ug
---

# Legend in UWP HeatMap (SfHeatMap) control
# Legend in UWP HeatMap

Legend is a control used to summarize the color ranges in a HeatMap, providing a visual guide for mapping values to their corresponding colors.

Expand Down
6 changes: 3 additions & 3 deletions chart-sdk/uwp/HeatMap/Overview.md
Original file line number Diff line number Diff line change
@@ -1,13 +1,13 @@
---
layout: post
title: Overview of UWP HeatMap (SfHeatMap) Control | Syncfusion®
description: Learn here all about overview of Syncfusion® Essential Studio® UWP HeatMap (SfHeatMap) control, its elements, and more.
title: About Syncfusion® UWP HeatMap Control | Syncfusion®
description: Learn about the introduction of Syncfusion Essential Studio® UWP HeatMap control, its features, capabilities, and more details.
platform: chart-sdk
control: SfHeatMap
documentation: ug
---

# Overview of UWP HeatMap (SfHeatMap)
# About Syncfusion® UWP HeatMap Control

[Essential® HeatMap UWP](https://www.syncfusion.com/uwp-ui-controls/heatmap) visualizes tabular data by representing values with gradient colors instead of numeric text. Lower and higher values are displayed using different colors with varying gradients.

Expand Down
127 changes: 61 additions & 66 deletions chart-sdk/uwp/Map/Annotations.md
Original file line number Diff line number Diff line change
@@ -1,101 +1,96 @@
---
layout: post
title: Annotations in UWP Map control | Syncfusion
description: Learn here all about Annotations support in Syncfusion Essential UWP Map (SfMaps) control, its elements, and more.
title: Annotations in UWP Maps | Syncfusion®
description: Annotations in the UWP Maps allow you to add custom text, shapes, and UI elements to provide additional map information.
platform: chart-sdk
control: SfMaps
documentation: ug
---

# Annotations in UWP Map (SfMaps)
# Annotations in UWP Maps

`Annotations` are notes used to leave some message on the map. In SfMap, annotations are denoted by the `MapAnnotations`. MapAnnotation has two major parts:
`Annotations` are notes used to leave some message on the map. In the [`SfMap`](https://help.syncfusion.com/cr/uwp/Syncfusion.UI.Xaml.Maps.SfMap.html), annotations are denoted by the [`MapAnnotations`](https://help.syncfusion.com/cr/uwp/Syncfusion.UI.Xaml.Maps.MapAnnotations.html). `MapAnnotations` has two major parts:

* AnnotationLabel
* AnnotationSymbol
* [`AnnotationLabel`](https://help.syncfusion.com/cr/uwp/Syncfusion.UI.Xaml.Maps.MapAnnotations.html#Syncfusion_UI_Xaml_Maps_MapAnnotations_AnnotationLabel) : A text that shows some information in text format.

`AnnotationLabel` is a “Text” that shows some information in the text format.

`AnnotationSymbol` is a “VisualObject” that shows a note symbolically.
* [`AnnotationSymbol`](https://help.syncfusion.com/cr/uwp/Syncfusion.UI.Xaml.Maps.MapAnnotations.html#Syncfusion_UI_Xaml_Maps_MapAnnotations_AnnotationSymbol) : A visual object that shows a note symbolically.

## Customize AnnotationLabel

AnnotationLabel’s appearance is customized by the following properties:
The appearance of `AnnotationLabel` is customized by the following properties:

* `AnnotationLabelForeground`: Gets or sets the foreground color of the annotation label.
* `AnnotationLabelFontStyle`: Gets or sets the font style of the annotation label.
* `AnnotationLabelBackground`: Gets or sets the background color of the annotation label.
* `AnnotationLabelFontFamily`: Gets or sets the font family for the annotation label.
* `AnnotationLabelFontSize`: Gets or sets the annotation label font size.
* [`AnnotationLabelForeground`](https://help.syncfusion.com/cr/uwp/Syncfusion.UI.Xaml.Maps.MapAnnotations.html#Syncfusion_UI_Xaml_Maps_MapAnnotations_AnnotationLabelForeground): Gets or sets the foreground color of the annotation label.
* [`AnnotationLabelFontStyle`](https://help.syncfusion.com/cr/uwp/Syncfusion.UI.Xaml.Maps.MapAnnotations.html#Syncfusion_UI_Xaml_Maps_MapAnnotations_AnnotationLabelFontStyle): Gets or sets the font style of the annotation label.
* [`AnnotationLabelBackground`](https://help.syncfusion.com/cr/uwp/Syncfusion.UI.Xaml.Maps.MapAnnotations.html#Syncfusion_UI_Xaml_Maps_MapAnnotations_AnnotationLabelBackground): Gets or sets the background color of the annotation label.
* [`AnnotationLabelFontFamily`](https://help.syncfusion.com/cr/uwp/Syncfusion.UI.Xaml.Maps.MapAnnotations.html#Syncfusion_UI_Xaml_Maps_MapAnnotations_AnnotationLabelFontFamily): Gets or sets the font family for the annotation label.
* [`AnnotationLabelFontSize`](https://help.syncfusion.com/cr/uwp/Syncfusion.UI.Xaml.Maps.MapAnnotations.html#Syncfusion_UI_Xaml_Maps_MapAnnotations_AnnotationLabelFontSize): Gets or sets the annotation label font size.

{% highlight html %}

<syncfusion:SfMap >
<syncfusion:SfMap.Layers>
<syncfusion:ShapeFileLayer Uri="MapApp.world1.shp">
<syncfusion:ShapeFileLayer.Annotations>
<syncfusion:MapAnnotations Latitude="-22" Longitude="132" AnnotationLabel="Australia" AnnotationLabelFontFamily="Times New Roman" AnnotationLabelFontSize="20" AnnotationLabelFontStyle="Oblique" AnnotationLabelForeground="Red" >
<syncfusion:MapAnnotations.AnnotationSymbol>
<Ellipse Fill="Orange" Height="10" Width="10">
</Ellipse>
</syncfusion:MapAnnotations.AnnotationSymbol>
</syncfusion:MapAnnotations>
<syncfusion:MapAnnotations Latitude="40" Longitude="-98" AnnotationLabel="Unites States of America" AnnotationLabelFontFamily="Times New Roman" AnnotationLabelFontSize="20" AnnotationLabelFontStyle="Oblique" AnnotationLabelForeground="Red" >
<syncfusion:MapAnnotations.AnnotationSymbol>
<Ellipse Fill="Orange" Height="10" Width="10">
</Ellipse>
</syncfusion:MapAnnotations.AnnotationSymbol>
</syncfusion:MapAnnotations>
</syncfusion:ShapeFileLayer.Annotations>
</syncfusion:ShapeFileLayer>
</syncfusion:SfMap.Layers>
</syncfusion:SfMap >
<syncfusion:SfMap>
<syncfusion:SfMap.Layers>
<syncfusion:ShapeFileLayer Uri="MapApp.world1.shp">
<syncfusion:ShapeFileLayer.Annotations>
<syncfusion:MapAnnotations Latitude="-22" Longitude="132" AnnotationLabel="Australia" AnnotationLabelFontFamily="Times New Roman" AnnotationLabelFontSize="20" AnnotationLabelFontStyle="Oblique" AnnotationLabelForeground="Red">
<syncfusion:MapAnnotations.AnnotationSymbol>
<Ellipse Fill="Orange" Height="10" Width="10" />
</syncfusion:MapAnnotations.AnnotationSymbol>
</syncfusion:MapAnnotations>
<syncfusion:MapAnnotations Latitude="40" Longitude="-98" AnnotationLabel="United States of America" AnnotationLabelFontFamily="Times New Roman" AnnotationLabelFontSize="20" AnnotationLabelFontStyle="Oblique" AnnotationLabelForeground="Red">
<syncfusion:MapAnnotations.AnnotationSymbol>
<Ellipse Fill="Orange" Height="10" Width="10" />
</syncfusion:MapAnnotations.AnnotationSymbol>
</syncfusion:MapAnnotations>
</syncfusion:ShapeFileLayer.Annotations>
</syncfusion:ShapeFileLayer>
</syncfusion:SfMap.Layers>
</syncfusion:SfMap>

{% endhighlight %}

![Features_img14](Features_images/Features_img14.png)
![UWP Map Control Annotations Customize AnnotationLabel](Features_images/Features_img14.png)

## Positioning a MapAnnotation

`MapAnnotation` can be positioned anywhere on the map based on latitude and longitude. MapAnnotation has two properties called `Latitude` and `Longitude` of string type used to set latitude and longitude co-ordinates of the MapAnnotation.
`MapAnnotation` can be positioned anywhere on the map based on latitude and longitude. `MapAnnotations` has two properties called [`Latitude`](https://help.syncfusion.com/cr/uwp/Syncfusion.UI.Xaml.Maps.MapAnnotations.html#Syncfusion_UI_Xaml_Maps_MapAnnotations_Latitude) and [`Longitude`](https://help.syncfusion.com/cr/uwp/Syncfusion.UI.Xaml.Maps.MapAnnotations.html#Syncfusion_UI_Xaml_Maps_MapAnnotations_Longitude) of double type, used to set the latitude and longitude coordinates of the `MapAnnotations`.

### Customizing the Annotation Template

The default appearance of the annotation can be customized by using the `AnnotationTemplate` property. The annotation template property is available in the ShapeFileLayer.
The default appearance of the annotation can be customized by using the [`AnnotationTemplate`](https://help.syncfusion.com/cr/uwp/Syncfusion.UI.Xaml.Maps.ShapeFileLayer.html#Syncfusion_UI_Xaml_Maps_ShapeFileLayer_AnnotationTemplate) property. The `AnnotationTemplate` property is available in the [`ShapeFileLayer`](https://help.syncfusion.com/cr/uwp/Syncfusion.UI.Xaml.Maps.ShapeFileLayer.html).

#### About the AnnotationTemplate Property

AnnotationTemplate is a `DataTemplate` type, used to customize or override the default template of MapAnnotations.
`AnnotationTemplate` is a `DataTemplate` type, used to customize or override the default template of `MapAnnotations`.

{% highlight xml %}

<syncfusion:SfMap >
<syncfusion:SfMap.Layers>
<syncfusion:ShapeFileLayer Uri="MapApp.world1.shp">
<syncfusion:ShapeFileLayer.AnnotationTemplate>
<DataTemplate>
<Grid Margin="-50,-20,0,0">
<ContentPresenter Content="{Binding AnnotationSymbol}"/>
<TextBlock Text="{Binding AnnotationLabel}" HorizontalAlignment="Center" VerticalAlignment="Center"/>
</Grid>
</DataTemplate>
</syncfusion:ShapeFileLayer.AnnotationTemplate>
<syncfusion:ShapeFileLayer.Annotations>
<syncfusion:MapAnnotations Latitude="-22" Longitude="132" AnnotationLabel="Australia" >
<syncfusion:MapAnnotations.AnnotationSymbol>
<Image Height="100" Width="100" Source="note.jpg" />
</syncfusion:MapAnnotations.AnnotationSymbol>
</syncfusion:MapAnnotations>
<syncfusion:MapAnnotations Latitude="40" Longitude="-98" AnnotationLabel="USA">
<syncfusion:MapAnnotations.AnnotationSymbol>
<Image Height="100" Width="100" Source="note.jpg" />
</syncfusion:MapAnnotations.AnnotationSymbol>
</syncfusion:MapAnnotations>
</syncfusion:ShapeFileLayer.Annotations>
</syncfusion:ShapeFileLayer>
</syncfusion:SfMap.Layers>
</syncfusion:SfMap >
<syncfusion:SfMap>
<syncfusion:SfMap.Layers>
<syncfusion:ShapeFileLayer Uri="MapApp.world1.shp">
<syncfusion:ShapeFileLayer.AnnotationTemplate>
<DataTemplate>
<Grid Margin="-50,-20,0,0">
<ContentPresenter Content="{Binding AnnotationSymbol}"/>
<TextBlock Text="{Binding AnnotationLabel}" HorizontalAlignment="Center" VerticalAlignment="Center"/>
</Grid>
</DataTemplate>
</syncfusion:ShapeFileLayer.AnnotationTemplate>
<syncfusion:ShapeFileLayer.Annotations>
<syncfusion:MapAnnotations Latitude="-22" Longitude="132" AnnotationLabel="Australia">
<syncfusion:MapAnnotations.AnnotationSymbol>
<Image Height="100" Width="100" Source="note.jpg" />
</syncfusion:MapAnnotations.AnnotationSymbol>
</syncfusion:MapAnnotations>
<syncfusion:MapAnnotations Latitude="40" Longitude="-98" AnnotationLabel="USA">
<syncfusion:MapAnnotations.AnnotationSymbol>
<Image Height="100" Width="100" Source="note.jpg" />
</syncfusion:MapAnnotations.AnnotationSymbol>
</syncfusion:MapAnnotations>
</syncfusion:ShapeFileLayer.Annotations>
</syncfusion:ShapeFileLayer>
</syncfusion:SfMap.Layers>
</syncfusion:SfMap>

{% endhighlight %}

![Features_img15](Features_images/Features_img15.png)
![UWP Map Control Annotations Template Customization](Features_images/Features_img15.png)
8 changes: 4 additions & 4 deletions chart-sdk/uwp/Map/Basic-KML-Format.md
Original file line number Diff line number Diff line change
@@ -1,17 +1,17 @@
---
layout: post
title: Basic KML Format in UWP Map control | Syncfusion
description: Learn here all about Basic KML Format support in Syncfusion UWP Map (SfMaps) control and more.
title: KML Format in UWP Maps | Syncfusion®
description: KML format in the UWP Maps enables geographic data from KML files to be loaded and visualized for location-based mapping applications.
platform: chart-sdk
control: SfMap
documentation: ug
---

# Basic KML Format in UWP Map (SfMaps)
# KML Format in UWP Maps

KML is a file format used for rendering geographical data. It uses a tag-based structure with nested elements and attributes. KML is based on the XML standard, and all tags of a KML file are case-sensitive.

Currently, the SfMaps control supports the following KML elements:
Currently, the [`SfMap`](https://help.syncfusion.com/cr/uwp/Syncfusion.UI.Xaml.Maps.SfMap.html) control supports the following KML elements:

* Place mark
* Point
Expand Down
Loading