Skip to content

Conversation

@adrianptrv
Copy link
Contributor

Closes #1442

@adrianptrv adrianptrv added topic: dv topics about DV controls tile-manager labels Feb 17, 2025
@adrianptrv adrianptrv requested a review from simeonoff February 17, 2025 09:21
Copy link
Contributor

@simeonoff simeonoff left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Good job on your first docs contribution. The article reads well. The only comment I have is related to overly using the word "also" in almost all of the introductory paragraphs for each section. If you drop/reduce the usage of that word, the article will read even better.

Comment on lines +41 to +43
import { defineComponents, IgcTileManagerComponent, IgcTileComponent } from 'igniteui-webcomponents';

defineComponents(IgcTileManagerComponent, IgcTileComponent);
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
import { defineComponents, IgcTileManagerComponent, IgcTileComponent } from 'igniteui-webcomponents';
defineComponents(IgcTileManagerComponent, IgcTileComponent);
import { defineComponents, IgcTileManagerComponent } from 'igniteui-webcomponents';
defineComponents(IgcTileManagerComponent);

You have to verify this, but I believe the IgcTileManagerComponent will autoregister the IgcTileComponent.


Similar to resizing, when you initiate the drag-and-drop process, a ghost element appears beneath the tile you’ve grabbed. As you drag the tile, the ghost element moves with it, dynamically reordering the other tiles in real time. This allows you to preview how the tile grid will look when you drop the tile.

There are two types of transitions you can use while reordering tiles with drag-and-drop. To use them, simply set the `drag-action` property on the Tile Manager to either `slide` or `swap`.
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
There are two types of transitions you can use while reordering tiles with drag-and-drop. To use them, simply set the `drag-action` property on the Tile Manager to either `slide` or `swap`.

There are two types of transitions you can use while reordering tiles with drag-and-drop. To use them, simply set the `drag-action` property on the Tile Manager to either `slide` or `swap`.

```html
<igc-tile-manager drag-mode="tile-header" drag-action="slide">
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
<igc-tile-manager drag-mode="tile-header" drag-action="slide">
<igc-tile-manager drag-mode="tile-header">

@rkaraivanov rkaraivanov self-requested a review February 27, 2025 14:36
Copy link
Member

@rkaraivanov rkaraivanov left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Subseqent

@rkaraivanov rkaraivanov merged commit 3f7edd5 into vnext Feb 27, 2025
10 checks passed
@rkaraivanov rkaraivanov deleted the apetrov/add-tile-manager-docs-vnext branch February 27, 2025 14:37
@ChronosSF ChronosSF restored the apetrov/add-tile-manager-docs-vnext branch March 4, 2025 12:00
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

tile-manager topic: dv topics about DV controls

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[Tile Manager] - Add API documentation

5 participants