Skip to main content

dxTileView

Namespace: Wisej.Web.Ext.DevExtreme

Assembly: Wisej.Web.Ext.DevExtreme (4.1.0.0)

The TileView widget contains a collection of tiles.

public class dxTileView : dxBase

Constructors​

Instance member dxTileView()​

Constructs a new instance of the dxTileView class.

Example:

The following example creates a tile view with three tiles; the first tile is twice as wide as the others.

var tiles = new dxTileView();
tiles.Options.items = new[]
{
new { text = "Sales", widthRatio = 2 },
new { text = "Orders", widthRatio = 1 },
new { text = "Customers", widthRatio = 1 }
};
tiles.Options.baseItemWidth = 120;
tiles.Options.baseItemHeight = 120;
tiles.Dock = DockStyle.Fill;
this.Controls.Add(tiles);

Instance member dxTileView(options)​

Constructs a new instance of the dxTileView class.

NameTypeDescription
optionsObjectInitial set of options.

Example:

The following example creates a tile view that scrolls vertically and shows the tile clicked by the user.

var tiles = new dxTileView(new
{
items = new[]
{
new { text = "Reports" },
new { text = "Invoices" },
new { text = "Settings" }
},
direction = "vertical",
itemMargin = 10
});
tiles.Instance.onItemClick += new WidgetEventHandler((s, e) =>
{
AlertBox.Show($"Opening {e.Data.itemData.text}");
});
tiles.Dock = DockStyle.Fill;
this.Controls.Add(tiles);

Implements​