Completed
Last Updated: 14 Sep 2021 10:06 by ADMIN
Release Q1 2016
Sometimes the OnClientClicked event is fired ony after the second tap, the first shows the peek template. Sometimes this can also be observed with the NavigateUrl. It is easiest seen when JS code is executed from the NavigateUrl, e.g.:  NavigateUrl="javascript:CDRequestMenu()"
This is related to the fact that there are no separate events on a touch device for mouseover, mousedown, click and mouseup.
Completed
Last Updated: 14 Sep 2021 09:53 by ADMIN
Release Q2 2014
A possible workaround is to override the CSS for tiles that need no selection abilities:
	<telerik:RadContentTemplateTile runat="server" ID="RadContentTemplateTile1" EnableSelection="false" CssClass="noSelection">
	</telerik:RadContentTemplateTile>

	.noSelection div.rtileSelectedIcon
	{
		display: none;
	}
	div.RadTile.rtileSelected.noSelection
	{
		border: 2px solid transparent;
	}
Unplanned
Last Updated: 14 Jun 2021 10:55 by ADMIN
ADMIN
Created by: Marin Bratanov
Comments: 1
Category: TileList
Type: Feature Request
4
Currently the mouse wheel scrolls a fixed amount of pixels. A property should allow the developer to control this speed. Leave your comments below on the way this property should be implemented (e.g. an enum or an integer from a given range).
Declined
Last Updated: 11 Jun 2021 11:57 by ADMIN
Created by: Alexis
Comments: 1
Category: TileList
Type: Feature Request
0
Would be incredibly handy if we could programmatically set the image to a byte array with the RadImageTile (or I guess RadImageAndTextTile). Right now you can only set it via the ImageURL but we don't want to store the image like that, we want to read the image from the DB, so we're reading it out as a byte array.

This is possible in your RadBinaryImage, I think, but not in the RadImageTile. 
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.
Declined
Last Updated: 27 May 2021 15:27 by ADMIN
Created by: Douw
Comments: 1
Category: TileList
Type: Feature Request
1
Hello,
Please add support to bind to System.Dynamic.DynamicObject: 
https://msdn.microsoft.com/en-us/library/system.dynamic.dynamicobject%28v=vs.110%29.aspx?f=255&MSPPError=-2147217396
Regards,
Douw
Unplanned
Last Updated: 13 Jan 2021 12:35 by ADMIN
Created by: Jaakko
Comments: 1
Category: TileList
Type: Feature Request
1

Hello, 

 

I would like to be able to move tiles between two RadTileLists. This may be through drag and drop or through an external button click.

Declined
Last Updated: 06 Nov 2020 16:11 by ADMIN
The current RadTileList TileGroup item is only settable as text.  Is it possible to modify this item to use a LayoutTemplate so that additional items could be added to the TileGroup area?
Unplanned
Last Updated: 03 Nov 2020 14:59 by ADMIN
If you use the code from the following help article: http://docs.telerik.com/devtools/aspnet-ajax/controls/tilelist/how-to/responsive-layout-and-dynamic-height#responsive-layout-and-dynamic-height and set ScrollingMode property of the RadTileList control to Accelerated after re-sizing the window it is possible to scroll vertically.

http://screencast.com/t/KtCjTSAy2558
Unplanned
Last Updated: 03 Nov 2020 11:20 by ADMIN
Until this feature is implemented, you can use the TileDataBound event (http://docs.telerik.com/devtools/aspnet-ajax/controls/tilelist/server-side-programming/events/ontiledatabound) to set properties of the tiles and their child controls.
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: 01 Jun 2020 15:38 by ADMIN
Created by: Michael Rogers
Comments: 1
Category: TileList
Type: Feature Request
5
Sometime it would be better to have a layout that is not in the metro style.

Where the default is:

1 2 5 6
3 4 7 8 

There are scenarios where:

1 2 3 4 
5 6 7 8

would work much better.   The tile list fits in metro style apps well but has other uses where that style is not really desired.

There has been interest in this for the past couple years in the forum.  

Thanks
Michael
Completed
Last Updated: 01 May 2018 14:15 by ADMIN
With the latest release of Firefox version 59.0, we are not able to click on tiles in a tilelist and have them navigate to the specified NavigateURL.  We verified this even on the demo on the Telerik site:

https://demos.telerik.com/aspnet-ajax/tilelist/examples/overview/defaultcs.aspx

Workaround
<telerik:RadTileList RenderMode="Lightweight" runat="server" ID="RadTileList1" ScrollingMode="None" Width="640px"
 SelectionMode="Single" EnableDragAndDrop="true"></telerik:RadTileList>
<script>
    var $T = Telerik.Web.UI;
    $T.RadTileList.prototype._handleClickAfterDragging = function (draggable, args) {
        var tile = draggable.tile,
            shouldHandleClick = this.get_enableDragAndDrop() &&
                                !this._isTouchEvent(args._domEvent) &&
                                draggable._deltaX < 5 &&
                                draggable._deltaY < 5;
  
        if (shouldHandleClick) {
            tile.set_dragStarted(false);
            if (!$telerik.isMobileSafari) {
                tile._mouseClickHandler();
            }
            draggable._deltaY = 0;
            draggable._deltaX = 0;
        }
    }
</script>
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.
Won't Fix
Last Updated: 15 Nov 2017 08:57 by ADMIN
Closed as duplicate of https://feedback.telerik.com/Project/108/Feedback/Details/125717-fix-radlivetile-throws-a-javascript-error-after-being-disposed-in-a-partial-postb
Completed
Last Updated: 21 Apr 2017 14:10 by ADMIN
ADMIN
Created by: Marin Bratanov
Comments: 0
Category: TileList
Type: Bug Report
0
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;
		}
Declined
Last Updated: 28 Jul 2016 12:59 by ADMIN
Created by: Tim Barton
Comments: 1
Category: TileList
Type: Feature Request
2
Add loading data on scrolling instead of loading all data at once?  Similar to the way Pinterest loads data on scrolling.
Completed
Last Updated: 28 Jul 2016 12:24 by ADMIN
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>
Unplanned
Last Updated: 28 Jul 2016 12:23 by Kyle
ADMIN
Created by: Vessy
Comments: 1
Category: TileList
Type: Feature Request
2
Allow Tiles with scrollable content to be both scrollable and draggable. Currently, if the draggable functionality of the control is enabled its content cannot be scrolled but is directly dragged (neither with the mouse button, nor its wheel).
1 2 3