Create feature-rich tiled interfaces, and integrate content from multiple data sources.
Create a custom list first with the following Fields in Classic Mode:
| Field Name | Field Type | Value |
|---|---|---|
| Title | single line of text | Default field |
| Description | single line of text | |
| Tile Type | Choice | Text Icon Banner Rotator Current Date Weather Image Welcome KPI View Items Count KPI View Field Sum Digital Clock |
| Content | Multi line of text / Plain text | |
| Background | single line of text | |
| URL | Link Hyperlink | |
| Size | Choice | Square Wide 3x Tiny Fullwidth |
| Custom Size | single line of text | |
| Sort Order | single line of text | |
| Target | Choice | In Place New Tab |
| CSS | Multi line of text / Plain text | |
| Visibility | Person or Group Allow multiple selections: yes | SharePoint Users / Groups, Azure Active Directory Users and Groups (O365 only) |
| Property Name | Description |
|---|---|
| Page Backdrop | enter the optional URL of an image or the color to be applied to the current page. |
| Hide Top nav bar | either disable or enable the Sharepoint Top nav bar on the current page. |
| Hide Quick Launch Area | either disable or enable the Sharepoint Quick Launch menu on the current page. |
| Site URL | Specify the full URL to the Site, serving the List. |
| List Name | Dropdown with all available Custom Lists. Choose your created list above. |
| View Name | Dropdown with all available List views to consume. Disabled will use all the Items and enableds the Visibility function. |
| Optimal items per Row | to have a row item count with a dynamic width (Used for same size tiles only!). Tile Width will define the min width then. And the Tile Gap is a gap in % of the Tiles width. An Event is checking the optimal size every 2000ms. |
| Tile Width | enter the width of the basic (default) tile in pixels (default:125px) |
| Tile Height | enter the height of the basic (default) tile in pixels (default:125px) |
| Tile Gap | enter the gap between tiles in pixels (default:8px). Set to “0” to not use any gap. |
| Tile Header | enter the optional text to be displayed at the top of the web part |
| Tile CSS Style | enter the optional CSS styles to be applied as default values for each tile. Example: .btti_tile{color:white} (defaults the tile text content to white) |
| Using AAD Securty Groups also | Enable MSGraph and use Azure Active Directory Security trimming (Office 365 Version only!) |
| Enable Tile editing | displays the “Add new” and “Edit Tiles” buttons during the design process. |
| options | iconexternalcss=URL_TO_THE_FILE| will load an external CSS File (FONTS) for the Icon WebPart, instead the Font Awesome 4.7.0 |
| Specials | To have a Fullwidth Tile with a max Tile size: Size: Fullwidth, Custom Size: max9 (Set a max width of 9 tiles). To have a Fullwidth Tile in grid: Size: Fullwidth, Custom Size: 1×1. |
| License | |
| License Key | Please enter your Paypal "Profile ID" or "Automatic payment ID" to unlock your WebPart. |
| Instruction | |
| Document | |
Post a comment