Unplanned
Last Updated: 17 Nov 2017 11:36 by ADMIN
A workaround is to remove the loading sign functionality by placing the following script at the end of the form tag

The second override is necessary only if you use the OnClientDataLoaded event to alter the data and add fields in the data object that do not exist in the server response. You need to rename the OnClientDataLoaded method call to use your actual method name.

You can find an example of both workarounds and their usage attached.

Some additional information:
- If possible, move the tiles out of the AJAX request, as this will eliminate all of the problems. Depending on the actual scenario perhaps you can make sure they are not in an update panel (e.g., position them absolutely on the page while keeping their markup out of the partial postback).
- consider moving any data formatting logic from the event handler to the template. You can define functions that format the code in the template, not only in the event. An example is available in the attached file. Alternatively, you can return the data formatted from the web service.
- consider reducing the time interval for the requests, because after the AJAX request, only 1 of 2 requests will update the tile UI.
Unplanned
Last Updated: 03 Nov 2020 11:17 by ADMIN
A workaround is to have the tile list use the Default skin and change the tiles classes with JavaScript in the OnClientTileDataBound event

			<asp:ScriptManager ID="Scriptmanager1" runat="server" />
			<telerik:RadSkinManager runat="server" ID="rsm1" Skin="mySkinName"></telerik:RadSkinManager>
			<telerik:RadClientDataSource runat="server" ID="RadClientDataSource1" PageSize="8" AllowPaging="true">
				<DataSource>
					<WebServiceDataSourceSettings BaseUrl="http://demos.kendoui.com/service/">
						<Select Url="products" DataType="JSONP" />
					</WebServiceDataSourceSettings>
				</DataSource>
			</telerik:RadClientDataSource>
			<telerik:RadTileList ID="rtl" runat="server" RenderMode="Classic" TileRows="3" SelectionMode="Multiple" OnClientTileDataBound="createTile" OnClientTileClicked="tileClicked" EnableEmbeddedSkins="false" Skin="Default" ClientDataSourceID="RadClientDataSource1">
				<DataBindings>
					<CommonTileBinding TileType="RadContentTemplateTile" DataNameField="ProductID" DataTitleTextField="ProductName" DataBadgeValueField="UnitPRice" Shape="Square" />
					<ContentTemplateTileBinding>
						<ClientContentTemplate>
					<div style="height: 150px; background-image: url('#= ProductName #');">
						<div style="padding: 5px 8px 3px 8px;">
							<div>#= ProductName #</div>
							<div style="font-size:0.8em; width: 134px; word-wrap:break-word; padding-bottom: 8px;">#= UnitsInStock #</div>
							<div class="field pad" >
								<img src="images/email.png" title="Can be emailed">
								</img>
							</div>
							<div class="field pad">
								<img src="images/SMS.png" title="Can receive SMS">
								</img>
							</div>
							<div class="field pad">
								<img src="images/noentry.png" title="Has a restricted password">
								</img>
							</div>
						</div>
					</div>
						</ClientContentTemplate>
					</ContentTemplateTileBinding>
					<ClientTilePeekTemplate>
				<div style="height: 150px; background-image: url('styles/#= ProductName #/images/large/user.jpg');">
					<div style="padding: 5px 8px 5px 8px; width: 134px; height: 140px; background-color: azure;">
						<div>#= ProductName #</div>
						<div class="field" style="font-size:0.8em; width: 100px;">#= ProductID #</div>
						<div class="field" style="font-size:0.8em; width: 34px; text-align: right;">#= ProductID #</div>
						<div class="field" style="font-size:0.8em; width: 100px;">#= ProductName #</div>
						<div class="field" style="font-size:0.8em; width: 34px; text-align: right;">#= ProductName #</div>
						<div class="field" style="font-size:0.8em; width: 100px;">#= UnitPrice #</div>
						<div class="field" style="font-size:0.8em; width: 34px; text-align: right;">#= UnitPrice #</div>
						<div class="field" style="font-size:0.8em; width: 100px;">#= UnitsInStock #</div>
						<div class="field" style="font-size:0.8em; width: 34px; text-align: right;">#= Discontinued #</div>
					</div>
				</div>
					</ClientTilePeekTemplate>
				</DataBindings>
			</telerik:RadTileList>
			<script>
				function createTile(sender, args) {
					var tileElem = $telerik.$(args.get_tile().get_element());
					tileElem.removeClass("RadTile_Default").addClass("RadTile_mySkinName");
				}
				function tileClicked() {
				}
			</script>
Unplanned
Last Updated: 09 Jun 2021 18:18 by ADMIN
Scrolling by touching the white space between the tiles is possible.

If you disable selection scrolling can work as expected.

Note that for tablets the scrolling container must be an element outside of the tilelist.
A workaround that fixes the majority of the issues is available in the attached sample.