TileList updates itself after the scripts has been loaded

4 posts, 0 answers
  1. Nedim
    Nedim avatar
    11 posts
    Member since:
    Mar 2012

    Posted 06 Nov 2014 Link to this post

    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?
  2. Marin Bratanov
    Admin
    Marin Bratanov avatar
    3602 posts

    Posted 07 Nov 2014 Link to this post

    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.

     
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Nedim
    Nedim avatar
    11 posts
    Member since:
    Mar 2012

    Posted 12 Nov 2014 in reply to Marin Bratanov Link to this post

    Hi Marin,

    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



    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>

  5. Marin Bratanov
    Admin
    Marin Bratanov avatar
    3602 posts

    Posted 14 Nov 2014 Link to this post

    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.

     
Back to Top