SilkBuilder
  • SilkBuilder
  • Development Environment
    • Development Environment
    • System Elements
    • Project, Data Model and ORM
    • Development Formats
  • Silk Builder Training
    • Sample Database
    • Plain Application
    • Easy Application
    • Simple Application
    • Complex Application
    • Report Application
    • System Environment
  • Docs
    • The ORM Structure
    • SilkBuilder
    • Silk Service
    • Java Database Class
    • Report
  • Silk Tags
    • App
    • AppHeader
    • Button
    • ButtonItem
    • Chart
    • Column
    • Content
    • DataProvider
    • DataService
    • Form
    • Group
    • Header
    • HelpBox
    • If
    • Input
    • JQcode
    • JScode
    • LogicAction
    • LogicDimension
    • LogicGrid
    • Modal
    • ModalBody
    • ModalFooter
    • Module
    • Page
    • Pagination
    • Screen
    • ScreenFooter
    • ScreenHeader
    • Tab
    • TabItem
    • Table
    • TableBody
    • TableHeader
    • TabsNav
    • Tile
  • JavaScript Objects
    • Button
    • ChartJS
    • Column
    • DataProvider
    • EventManager
    • Form
    • Input
    • Modal
    • Pagination
    • SilkPage
    • Table
    • TabsNav
    • Tile
    • Utility Functions
  • Coding Techniques
    • Data Trees
    • Pagination
    • Mark Deleted
    • Record Sync
    • Filtering Code
    • Content Template
    • Sort Data Columns
    • Form Input File
    • Button with Confirmation
    • Toggle List
    • Table Inputs
Powered by GitBook
On this page
  • Tag Definition
  • Properties
  • id*
  • tag
  • dataSource
  • parentList
  • cssClass
  • columns
  1. Silk Tags

Tile

The component silk:Tile distributes the data in a grid layout. The data is provided by a silk:DataProvider component.

Tag Definition

Used as a container:

<silk:Tile
  id=""
  tag="div"
  dataSource=""
  parentList=""
  cssClass=""
  columns="0"
  rowClass=""
  renderer=""
>
   Contains: HTML template.
</silk:Tile>

Properties

*Required property.

id*

The tile's unique identifier. Default Value: Empty.

tag

The HTML tag used as the Tail wrapper. If not provided, it uses "div" Default Value: div.

dataSource

Set the name of the silk:DataProvider providing the data to render the tail's content. Default Value: Empty.

parentList

The list which will be used to trigger data loading. Default Value: Empty.

cssClass

Set the CSS Class used to stylize the tail container. Default Value: Empty.

columns

Set the number of columns a row could have to simulate a

table. This is optional Default Value: 0.

rowClass

Set the CSS Class used to stylize the generated row if columns are more than 0. Default Value: Empty.

renderer

The name of the JavaScript function that will process the cell data. Default Value: Empty.

PreviousTabsNavNextJavaScript Objects

Last updated 1 day ago