This is a migrated thread and some comments may be shown as answers.

TileList updates itself after the scripts has been loaded

3 Answers 69 Views
TileList
This is a migrated thread and some comments may be shown as answers.
Ned
Top achievements
Rank 1
Ned asked on 06 Nov 2014, 04:12 PM
There are some javascripts in my page that are located under TileList control. When I visit the page:

1- TileList is loaded. Each tile has a specific location
2- Scripts are loaded
3- TileList is refreshed. Tile locations are changed

How do I prevent TileList to be refreshed?

3 Answers, 1 is accepted

Sort by
0
Marin Bratanov
Telerik team
answered on 07 Nov 2014, 10:51 AM

Hello Nedim,

RadTileList determines the tiles positions in the available rows and columns on the client, after the HTML renders. With many tiles and a slow browser, you could notice a rearrangement of the tiles when the page loads.

If this is not what you see, please explain the case in more detail. It would also help if you add a video that shows the problem and the code that leads to it.

Also, if the custom scripts you have are what causes the tileList to repaing, please examine them and see if they are needed.


Regards,

Marin Bratanov
Telerik
 

Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

 
0
Ned
Top achievements
Rank 1
answered on 12 Nov 2014, 02:41 PM
Hi Marin,

[quote]Marin Bratanov said:

RadTileList determines the tiles positions in the available rows and columns on the client, after the HTML renders. With many tiles and a slow browser, you could notice a rearrangement of the tiles when the page loads[/quote]

Yes, this is the problem I run into.

Here is a video. I'm refreshing the page two times in this video. You can see how the positions are changed:
http://tinypic.com/r/9k8193/8

High level view of the code in my ASPX page is this:
<telerik:RadTileList>
<telerik:RadTabStrip>
<script src=...> Many scripts here
<h4> Other Links </h4>

0
Marin Bratanov
Telerik team
answered on 14 Nov 2014, 11:48 AM

Hello Nedim,

The video does not really add much useful information so at this point I can only suggest the following:

  • set a Height to the TileList that will accommodate the desired number of rows
  • you can also try setting the TileRows property to the desired value in the markup to see if this helps

Another approach you can take is to use standalone tiles instead of a TileList. They ares simple div elements with float: left and display: inline-block so they can fit your design easily. Without the TileList, they will not rearrange themselves.


Regards,

Marin Bratanov
Telerik
 

Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

 
Tags
TileList
Asked by
Ned
Top achievements
Rank 1
Answers by
Marin Bratanov
Telerik team
Ned
Top achievements
Rank 1
Share this question
or