Here is a set of rules to get back the colors div.RadTile_Bootstrap { color: #fff; background-color: #337ab7; } div.RadTile_BlackMetroTouch, div.RadTile_Metro { color: #fff; background-color: #25a0da; } div.RadTile_Office2010Blue { color: #333; background-color: #dbe3ee; } div.RadTile_Office2010Black { color: #fff; background-color: #6f6f6f; } div.RadTile_Office2010Silver { color: #333; background-color: #e2e5e9; } div.RadTile_Outlook { color: #333; background-color: #d6e6f4; } div.RadTile_Silk { color: #fff; background-color: #14afca; } div.RadTile_Simple { color: #333; background-color: #ececec; } div.RadTile_Sunset { color: #333; background-color: #e88d49; } div.RadTile_Telerik { color: #333; background-color: #eee; } div.RadTile_Vista { color: #333; background-color: #eff7fc; } div.RadTile_Web20 { color: #333; background-color: #e7f1ff; } div.RadTile_WebBlue { color: #333; background-color: #5d9fb7; } div.RadTile_Windows7 { color: #1e395b; background-color: #b8cbde; }
Add loading data on scrolling instead of loading all data at once? Similar to the way Pinterest loads data on scrolling.
In some cases, according to a condition, after the data from a request arrives, the developer may want to prevent further requests from this same tile. This should be possible by setting the update interval to 0. In the meantime, you can add dynamically (and remove when needed) a handler for the OnClientDataLoading event that will cancel the event and thus - the request. For example: <telerik:RadLiveTile ID="MyLivetile" UpdateInterval="1000" OnClientTemplateDataBound="MyLivetile_OnClientTemplateDataBound" runat="server"> <WebServiceSettings Path="Default.aspx" Method="MyPagemethod" UseHttpGet="false" /> <ClientTemplate> some template that uses the data </ClientTemplate> </telerik:RadLiveTile> <script type="text/javascript"> function MyLivetile_OnClientTemplateDataBound(sender, args) { var completed = args.get_dataItem().Completion; if (completed) { sender.add_dataLoading(preventLiveTileRequests); } } function preventLiveTileRequests(sender, args) { args.set_cancel(true); } </script>
The client-side setter for EnableDragAndDrop still lets the user drag tiles, even though the other tiles are not reordered, and releasing the tile puts it back in its original place. Dragging should not be available at all.
Currently alt="" for the images and such a property will let the developers improve the accessibility of their pages.
The Click event is not raised at all.
At present, all events are fired when a tile is clicked, because dragging starts immediately.
TileList is missing the "Value" property, now the same effect is obtained via HiddenFiled on ContentTemplateTile. This is in contrast with a lot of others Telrik Controls. I'm asking Telrik to implement this functionality
This is a visible title for each group (separate from the Group.Name property), like in the Windows 8.1 Start.
When clicking a tile to navigate, the drag/drop events all fire.
If a target field is not provided in the data source and you need all tiles to have the same Target, you can use the TileCreated event to set this property. A sample is attached.
Tap on a tile to execute its navigation or rather some JavaScript. Expected behavior is for the click event to fire. Actual result is that the tile's drag is initiated - the DragStart event on the tilelist fires and the tile gets the big z-index, and you can drag it around. This behavior does not manifest when there is only one tilegroup. Setting EnableDragAndDrop to false will alleviate this, but will remove the drag-and-drop functionality.
This issue manifests only when there is a single column of tiles, i.e., there are no more groups and no second column of tiles exists in the group. If the tile number can be expected, you can change the Height/TileRows property to create two columns. Or, split the tiles between two groups. Of course, setting EnableDragAndDrop to false will also eliminate the issue.