Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
43 commits
Select commit Hold shift + click to select a range
be62328
docs(tooltip): add advanced sample
adrianptrv Jul 24, 2025
f7185fc
fix(tooltip): advanced sample size
adrianptrv Jul 25, 2025
833dc63
fix(tooltip): update advanced sample height
adrianptrv Aug 5, 2025
f64fd45
Merge branch 'vnext' into apetrov/tooltip-advanced-sample
adrianptrv Aug 7, 2025
d0084ec
mdd-azure-maps
mddifilippo89 Aug 7, 2025
d3355d0
Merge branch 'vnext' into mdd-azure-maps
agoldenbaum Aug 8, 2025
d4953c0
Merge branch 'vnext' into apetrov/tooltip-advanced-sample
simeonoff Aug 18, 2025
5905a6d
Merge branch 'vnext' into apetrov/tooltip-advanced-sample
simeonoff Aug 21, 2025
5ff6932
Merge branch 'vnext' into apetrov/tooltip-advanced-sample
simeonoff Aug 22, 2025
1ad63bd
Merge pull request #1651 from IgniteUI/apetrov/tooltip-advanced-sample
simeonoff Aug 22, 2025
88dae00
Updating Ja for #1626 and #1665
randriova Aug 25, 2025
aabcbbe
Merge pull request #1667 from IgniteUI/localization-2025-08-22
ChronosSF Aug 25, 2025
b7aa856
docs(tooltip): update placement default value and use withArrow
RivaIvanova Aug 27, 2025
62af5a1
Merge pull request #1669 from IgniteUI/rivanova/tooltip-new-props
kacheshmarova Aug 29, 2025
7ceb32a
Updating JA for #1669, Blazor changelog fix
randriova Sep 3, 2025
5f3a83e
docs(react): add changelog for 19.2.1
dkamburov Sep 4, 2025
2dca4fb
Merge pull request #1673 from IgniteUI/dkamburov/changelog-react-19.2.1
ChronosSF Sep 4, 2025
50d77b8
Merge branch 'vnext' into localization-2025-09-03
randriova Sep 5, 2025
516a845
Updating JA for #1673
randriova Sep 5, 2025
2be916a
Merge pull request #1675 from IgniteUI/localization-2025-09-05
ChronosSF Sep 5, 2025
1a7de01
Merge pull request #1670 from IgniteUI/localization-2025-09-03
ChronosSF Sep 5, 2025
0bb67dc
Merge branch 'vnext' into mdd-azure-maps
mddifilippo89 Sep 9, 2025
5e93751
mdd-update-azure-maps
mddifilippo89 Sep 9, 2025
9cb887d
chore(*): Adding a topic for Chat component
gedinakova Sep 10, 2025
8c4921d
chore(*): Adding Markdown Rendering section. Updated renderers types.
gedinakova Sep 11, 2025
236e36e
chore(*): Removing defaults from renderers
gedinakova Sep 11, 2025
80596ec
refactor(*): Renamed chat interfaces
gedinakova Sep 12, 2025
191b615
chore(*): Some adjustments to names
gedinakova Sep 12, 2025
5ed3ccc
fix(*): Fixed a css part selector
gedinakova Sep 12, 2025
f40444b
chore(*): Update the topic with latest renderers
gedinakova Sep 12, 2025
34ae476
update
mddifilippo89 Sep 16, 2025
67f4719
Merge pull request #1656 from IgniteUI/mdd-azure-maps
mddifilippo89 Sep 16, 2025
ab79257
JA - Azure Maps topic #1656
randriova Sep 17, 2025
9ab6da5
chore(*): Adding adoptRootStyles section. Small fixes and tweaks
gedinakova Sep 17, 2025
64e8650
Merge branch 'vnext' into gedinakova/chat-topic
gedinakova Sep 17, 2025
02cb21d
chore(*): Removed addMessage method usage
gedinakova Sep 17, 2025
e6f57ff
Merge branch 'gedinakova/chat-topic' of https://github.com/IgniteUI/i…
gedinakova Sep 17, 2025
687f91b
Merge pull request #1692 from IgniteUI/localization-azure-maps
mddifilippo89 Sep 17, 2025
65b9d53
Merge branch 'vnext' of https://github.com/IgniteUI/igniteui-xplat-do…
gedinakova Sep 18, 2025
b4fd564
chore(*): Updated slots and css parts tables to latest
gedinakova Sep 18, 2025
47393d2
Merge pull request #1691 from IgniteUI/gedinakova/chat-topic
ChronosSF Sep 18, 2025
89638e0
chore: add note for CLI topic
Lipata Sep 18, 2025
633ea61
Merge pull request #1694 from IgniteUI/nalipiev/update-cli-topic
ChronosSF Sep 18, 2025
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
2 changes: 1 addition & 1 deletion apiMap/Blazor/webInputs.JS.blazor.apiMap.json
Original file line number Diff line number Diff line change
Expand Up @@ -159,7 +159,7 @@
"names":[{"platform": "Blazor","fileName": "Tooltip.cs","mappedName": "IgbTooltip"}],
"members":[
{"names":[{"platform": "Blazor", "mappedType": "string", "mappedName": "Anchor"}], "originalName": "Anchor"},
{"names":[{"platform": "Blazor", "mappedType": "bool", "mappedName": "DisableArrow"}], "originalName": "DisableArrow"},
{"names":[{"platform": "Blazor", "mappedType": "bool", "mappedName": "WithArrow"}], "originalName": "WithArrow"},
{"names":[{"platform": "Blazor", "mappedType": "method", "mappedName": "Hide"}], "originalName": "Hide"},
{"names":[{"platform": "Blazor", "mappedType": "double","mappedName": "HideDelay"}], "originalName": "HideDelay"},
{"names":[{"platform": "Blazor", "mappedType": "string", "mappedName": "HideTriggers"}], "originalName": "HideTriggers"},
Expand Down
2 changes: 1 addition & 1 deletion apiMap/React/webInputs.JS.r.apiMap.json
Original file line number Diff line number Diff line change
Expand Up @@ -240,7 +240,7 @@
"names":[{"platform": "React","fileName": "igr-tooltip.ts","mappedName": "IgrTooltip"}],
"members":[
{"names":[{"platform": "React", "mappedType": "string", "mappedName": "anchor"}], "originalName": "Anchor"},
{"names":[{"platform": "React", "mappedType": "boolean", "mappedName": "disableArrow"}], "originalName": "DisableArrow"},
{"names":[{"platform": "React", "mappedType": "boolean", "mappedName": "withArrow"}], "originalName": "WithArrow"},
{"names":[{"platform": "React", "mappedType": "method", "mappedName": "hide"}], "originalName": "Hide"},
{"names":[{"platform": "React", "mappedType": "number", "mappedName": "hideDelay"}], "originalName": "HideDelay"},
{"names":[{"platform": "React", "mappedType": "string", "mappedName": "hideTriggers"}], "originalName": "HideTriggers"},
Expand Down
2 changes: 1 addition & 1 deletion apiMap/WebComponents/webInputs.JS.wc.apiMap.json
Original file line number Diff line number Diff line change
Expand Up @@ -238,7 +238,7 @@
"names":[{"platform": "WebComponents","fileName": "igc-tooltip-component.ts","mappedName": "IgcTooltipComponent"}],
"members":[
{"names":[{"platform": "WebComponents", "mappedType": "string", "mappedName": "anchor"}], "originalName": "Anchor"},
{"names":[{"platform": "WebComponents", "mappedType": "boolean", "mappedName": "disableArrow"}], "originalName": "DisableArrow"},
{"names":[{"platform": "WebComponents", "mappedType": "boolean", "mappedName": "withArrow"}], "originalName": "WithArrow"},
{"names":[{"platform": "WebComponents", "mappedType": "method", "mappedName": "hide"}], "originalName": "Hide"},
{"names":[{"platform": "WebComponents", "mappedType": "number", "mappedName": "hideDelay"}], "originalName": "HideDelay"},
{"names":[{"platform": "WebComponents", "mappedType": "string", "mappedName": "hideTriggers"}], "originalName": "HideTriggers"},
Expand Down
4 changes: 4 additions & 0 deletions doc/en/components/general-changelog-dv-blazor.md
Original file line number Diff line number Diff line change
Expand Up @@ -14,6 +14,10 @@ All notable changes for each version of {ProductName} are documented on this pag

## **{PackageVerLatest}**

### {PackageMaps} (Geographic Map)

- New [Azure Maps](geo-map-display-azure-imagery.md). This is a new geographic imagery mapping service provided by Microsoft® for the Infragistics Geographic Map.

### Bug Fixes

| Bug Number | Control | Description |
Expand Down
24 changes: 24 additions & 0 deletions doc/en/components/general-changelog-dv-react.md
Original file line number Diff line number Diff line change
Expand Up @@ -11,6 +11,30 @@ All notable changes for each version of {ProductName} are documented on this pag

## **{PackageVerLatest}**

- New [Azure Maps](geo-map-display-azure-imagery.md). This is a new geographic imagery mapping service provided by Microsoft® for the Infragistics Geographic Map.

### Enhancements
- Added enhancement DatePicker should update calendar view on typing, as Date Range Picker [1818](https://github.com/IgniteUI/igniteui-webcomponents/issues/1818)

### Bug Fixes

| Bug Number | Control | Description |
|------------|---------|-------------|
|[1831](https://github.com/IgniteUI/igniteui-webcomponents/pull/1831)| Calendar |Navigation styling|
|[1833](https://github.com/IgniteUI/igniteui-webcomponents/pull/1833)|Card| Slotted igc-avatar size styles in supported themes|
|[1826](https://github.com/IgniteUI/igniteui-webcomponents/pull/1826)|Combo|Dropdown initial height|
|[1827](https://github.com/IgniteUI/igniteui-webcomponents/pull/1827)|Combo|Icon sizes styles for Indigo theme|
|[1834](https://github.com/IgniteUI/igniteui-webcomponents/pull/1834)|DatePicker, DateRangePicker|Disabled styles|
|[1820](https://github.com/IgniteUI/igniteui-webcomponents/pull/1820)|Input|Prefix and suffix slot styles for Bootstrap theme|
|[1824](https://github.com/IgniteUI/igniteui-webcomponents/pull/1824)|Input|Label and border styles for Material theme|
|[1836](https://github.com/IgniteUI/igniteui-webcomponents/pull/1836)|Input|Removed overridden tabindex property|
|[1827](https://github.com/IgniteUI/igniteui-webcomponents/pull/1827)|Select|Icon sizes styles for Indigo theme|
|[1809](https://github.com/IgniteUI/igniteui-webcomponents/pull/1809)|Switch|Use the new thumb hover property|
|[1837](https://github.com/IgniteUI/igniteui-webcomponents/pull/1837)|TileManager|Incorrect escape of internal regex|


## **{PackageVerChanges-25-1-AUG}**

- Form associated custom elements now expose the **ig-invalid** custom state for styling with the `:state()` CSS selector.
[See here for additional information](https://developer.mozilla.org/en-US/docs/Web/CSS/:state)
- Form associated custom elements validity behavior. Now elements will try to mimic `:user-invalid`, and won't apply invalid
Expand Down
5 changes: 5 additions & 0 deletions doc/en/components/general-changelog-dv-wc.md
Original file line number Diff line number Diff line change
Expand Up @@ -12,6 +12,11 @@ All notable changes for each version of {ProductName} are documented on this pag

## **{PackageVerLatest}**

### {PackageMaps} (Geographic Map)

- New [Azure Maps](geo-map-display-azure-imagery.md). This is a new geographic imagery mapping service provided by Microsoft® for the Infragistics Geographic Map.

### Enhancements
- Form associated custom elements now expose the **ig-invalid** custom state for styling with the `:state()` CSS selector.
[See here for additional information](https://developer.mozilla.org/en-US/docs/Web/CSS/:state)
- Form associated custom elements validity behavior. Now elements will try to mimic `:user-invalid`, and won't apply invalid
Expand Down
4 changes: 4 additions & 0 deletions doc/en/components/general-changelog-dv.md
Original file line number Diff line number Diff line change
Expand Up @@ -18,6 +18,10 @@ All notable changes for each version of {ProductName} are documented on this pag

## **{PackageVerLatest}**

### {PackageMaps} (Geographic Map)

- New [Azure Maps](geo-map-display-azure-imagery.md). This is a new geographic imagery mapping service provided by Microsoft® for the Infragistics Geographic Map.

### Bug Fixes

| Bug Number | Control | Description |
Expand Down
2 changes: 2 additions & 0 deletions doc/en/components/general-cli-overview.md
Original file line number Diff line number Diff line change
Expand Up @@ -79,6 +79,8 @@ For example, if you wanted to add a data grid templated component named "MyGridC
ig add grid MyGridComponent
```

> NOTE: Your routing file will be updated with the path to the page with the new component - in that case `/my-grid-component`. You can use it to manually navigate to the newly generated page.

<!-- WebComponents -->
Currently the CLI can be used with the following Web Components:

Expand Down
88 changes: 88 additions & 0 deletions doc/en/components/geo-map-display-azure-imagery.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,88 @@
---
title: {Platform} Map | Data Visualization Tools | Displaying Azure Imagery | Infragistics
_description: Use Infragistics' {Platform} to display imagery from Microsoft Azure Maps. View {ProductName} map tutorials!
_keywords: {Platform} map, azure maps, {ProductName}, Infragistics, imagery tile source, map background
mentionedTypes: ["XamGeographicMap", "AzureMapsMapImagery"]
---
# {Platform} Displaying Imagery from Azure Maps

The {Platform} `AzureMapsMapImagery` is geographic imagery mapping service provided by Microsoft®. It provides several styles of geographic imagery tiles of the world. This geographic imagery service is accessible directly on the <a href="https://azure.microsoft.com/en-us/products/azure-maps" target="_blank">www.azure.microsoft.com</a> web site. The {ProductName} map component can display geographic imagery from Azure Maps in the map’s background content using the `AzureMapsMapImagery` class.

## {Platform} Displaying Imagery from Azure Maps Example


<img src="../images/general/AzureMapsImagery.png" />


<div class="divider--half"></div>

`sample="/maps/geo-map/display-azure-imagery", height="500", alt="{Platform} Displaying Imagery from Azure Maps Example"`

## Code Snippet
The following code snippet shows how to display geographic imagery tiles from Azure Maps in {Platform} `XamGeographicMap` using `AzureMapsMapImagery` class.

```html
<igx-geographic-map #map
width="100%"
height="100%"
zoomable="true" >
</igx-geographic-map>
```

```ts
import { IgxGeographicMapComponent } from 'igniteui-angular-maps';
import { IgxAzureMapsMapImagery } from 'igniteui-angular-maps';
// ...
const tileSource = new IgxAzureMapsMapImagery();
tileSource.apiKey = "YOUR_Azure_MAPS_API_KEY";
tileSource.imageryStyle = AzureMapsImageryStyle.LabelsRoad; // or
tileSource.imageryStyle = AzureMapsImageryStyle.Aerial; // or
tileSource.imageryStyle = AzureMapsImageryStyle.Road;

this.map.backgroundContent = tileSource;
```

```ts
import { IgrGeographicMap } from 'igniteui-react-maps';
import { IgrAzureMapsMapImagery } from 'igniteui-react-maps';
import { AzureMapsImageryStyle } from 'igniteui-react-maps';
// ...
const tileSource = new IgrAzureMapsMapImagery();
tileSource.apiKey = "YOUR_Azure_MAPS_API_KEY";
tileSource.imageryStyle = AzureMapsImageryStyle.Imagery; // or
tileSource.imageryStyle = AzureMapsImageryStyle.Terra; // or
tileSource.imageryStyle = AzureMapsImageryStyle.Road;

const geoMap = new IgrGeographicMap({ name: "geoMap" });
geoMap.backgroundContent = tileSource;
```

```ts
const tileSource = new IgcAzureMapsMapImagery();
tileSource.apiKey = "YOUR_Azure_MAPS_API_KEY";
tileSource.imageryStyle = AzureMapsImageryStyle.Imagery; // or
tileSource.imageryStyle = AzureMapsImageryStyle.Terra; // or
tileSource.imageryStyle = AzureMapsImageryStyle.Road;

map.backgroundContent = tileSource;
```

## Properties
The following table summarized properties of the `AzureMapsMapImagery` class:

| Property Name | Property Type | Description |
|----------------|-----------------|---------------|
|`ApiKey`|string|Represents the property for setting an API key required for the Azure Maps imagery service. You must obtain this key from the <a href="https://azure.microsoft.com/en-us/products/azure-maps" target="_blank">azure.microsoft.com</a> website.|
|`ImageryStyle`|`AzureMapsImageryStyle`|Represents the property for setting the Azure Maps imagery tiles map style. This property can be set to the following `AzureMapsImageryStyle` enumeration values: <ul><li> Aerial - Specifies the Aerial map style without road or labels overlay</li> <li> LabelsRoad - Specifies the Aerial map style with road and labels overlay</li><li> Road - Specifies the Roads map style without Aerial overlay</li></ul>|
|`AzureImageryRestUri`|string|Represents the property for setting the Azure Imagery REST URI specifying where the TilePath and SubDomains will come from. This is an optional property, and if not specified it will use the default REST URI.|
|`CultureName`|string|Represents a property for setting the culture name for the tile source.|
|`IsDeferredLoad`|boolean|Represents the property that specifies whether or not the Azure Maps service should auto-initialized upon the assignment of valid property values.|
|`IsInitialized`|boolean|Represents the property that is set to True occurs when geographic imagery tiles from Azure Maps service have been initialized and they are ready for rendering in the map component.|
|`SubDomains`|`SubDomainsCollection`|Represents an image collection of URI sub domains|
|`TilePath`|string|Represents a property that sets the map tile image URI, this is the actual location of the Azure Maps|

## API References

- `AzureMapsImageryStyle`
- `AzureMapsMapImagery`
- `XamGeographicMap`
18 changes: 14 additions & 4 deletions doc/en/components/inputs/tooltip.md
Original file line number Diff line number Diff line change
Expand Up @@ -196,7 +196,7 @@ If you want to control the delay before showing and hiding the `Tooltip`, you ca

The `Tooltip` can also be positioned relative to its target element with ease. All you need to do is use the `Placement` property along with one of the following position options: `top`, `top-start`, `top-end`, `bottom`, `bottom-start`, `bottom-end `, `right`, `right-start`, `right-end`, `left`, `left-start`, `left-end`.

If the `Placement` property is not set, the default value is `"top"`, which places the `Tooltip` above the target element.
If the `Placement` property is not set, the default value is `bottom`, which places the `Tooltip` below the target element.

Additionally, you can make the `Tooltip` "sticky" using the `Sticky` property, which adds a close button and keeps the `Tooltip` visible until the user closes it manually - either by clicking the close button or pressing the `Esc` key. This behavior overrides the default hover behavior, preventing the `Tooltip` from disappearing when the user stops hovering over the target element.

Expand Down Expand Up @@ -224,14 +224,21 @@ By default, the `Tooltip` is triggered only while hovering over the target eleme

`sample="/inputs/tooltip/triggers", height="600", alt="{Platform} Tooltip Triggers Example"`

### Advanced Example

The `Tooltip` integrates seamlessly with other components, allowing you to create advanced tooltips that contain components within them.
In the following example, you can see how we create descriptive tooltips by using the `List`, `Avatar`, `Icon`, `Badge`, `Button`, `Card` and `CategoryChart` components.

`sample="/inputs/tooltip/advanced", height="640", alt="{Platform} Tooltip Advanced Example"`

### Additional Properties

Apart from the properties we've already covered, the `Tooltip` component offers a variety of additional properties that allow you to further configure its behavior, position, and appearance.

|Name|Type|Description|
|--|--|--|
| `Open` | boolean | Determines whether the tooltip is visible. |
| `DisableArrow` | boolean | If set to `true`, disables the arrow indicator on the tooltip. |
| `WithArrow` | boolean | If set to `true`, enables the arrow indicator on the tooltip. |
| `Offset` | number | Sets the pixel distance between the tooltip and its `Anchor`. |

### Methods
Expand All @@ -242,7 +249,7 @@ In addition to its configurable properties, the `Tooltip` also exposes three met
|--|--|
| `Show` | Displays the tooltip if it’s not already shown. If a target is provided, it sets the target as a transient `Anchor`. |
| `Hide` | Hides the tooltip if it’s not already hidden. |
| `Toggle` | Toggles the tooltip between the shown and hidden states. |
| `Toggle` | Toggles the tooltip between the shown and hidden states. |

## Accessibility & ARIA Support

Expand All @@ -260,7 +267,7 @@ The `Tooltip` component exposes two CSS parts that you can use for styling:
|Name|Description|
|--|--|
| `base` | The base wrapper of the tooltip component. |
| `bottom` | The area containing the tooltip arrow. |
| `top, right, bottom, left ...` | The area containing the tooltip arrow. The part name matches the value of the tooltip placement property. |

```css
igc-tooltip::part(base) {
Expand All @@ -286,6 +293,9 @@ igc-tooltip::part(bottom) {
- `Icon`
- `Card`
- `Input`
- `Badge`
- `List`
- `CategoryChart`
- [`Styling & Themes`](../themes/overview.md)

## Additional Resources
Expand Down
Loading