Tile Editing
- 2 minutes to read
Edit Form
You can enable a separate Edit Form to edit tiles. To do this, set the TileViewOptionsBehavior.EditingMode property to the EditForm value.
The Tile View invokes the modal Edit Form containing data from the current tile when a user double-clicks a tile, or focuses it and then presses Enter or F2.
The Tile View automatically generates a layout of fields within the Edit Form according to the settings specified by the TileView.OptionsEditForm and GridColumn.OptionsEditForm properties. These settings allow you to specify the number of layout columns, field visibility, order, etc.
If the default layout of the Edit Form does not meet your requirements, you can create a custom Edit Form (User Control) that arranges editors in a specific manner. For this purpose, create a User Control derived from the EditFormUserControl class, and assign an instance of this User Control to the TileView.OptionsEditForm.CustomEditFormLayout property. For more information, see the following topic: Modify and Validate Cell Values.
The following events can be useful if you need to customize Edit Forms dynamically:
- TileView.EditFormShowing - Occurs when an Edit Form is about to be displayed, and allows you to cancel the action.
- TileView.EditFormPrepared - Allows you to customize the Edit Form that is about to be displayed.
- TileView.ShowingPopupEditForm - Occurs when an Edit Form is about to be displayed as a separate modal window.
In-place Editors (HTML-CSS Templates)
When you use HTML-CSS templates to render tiles, you can use the <input> tag to embed in-place editors to tiles to display and edit data source fields.
<input name="repositoryItemButtonEdit1" value="${Price}" class="editor"/>
Ensure the TileViewOptionsBehavior.EditingMode property is set to HtmlTemplate (default value) to enable in-place edit operations.
See the following section for more information: Tile View - HTML and CSS-based Tile Template.