Styles and Appearance

Styles and appearance of Tile works based on CSS class. You need two style sheets to apply styles to the Tile control: ej.widget.core.min.css and ej.theme.min.css.

Customize styles

To change the color or design of the Tile control appearance, you can override default styles of the Tile control by using its class names. The following are the specific class names to modify styles and appearance in the Tile.

</table>
File Description/Usage
e-tile It is the root class of the Tile.
e-child-tile It class is applied to the child
of the Tile.</td></tr>
e-enabled-text It class is applied to the text of Tile when text element is active
e-tile-text It class is applied to the text of Tile
e-tile-image It class is applied to image of Tile
e-tile-template It class is applied to tile image when tile has image template id property.
e-live-tile-text It class is applied to text elements of individual live tile in the Tile control.
e-template-caption This class is applied to tile caption when tile has caption template id property.