Received memory warning on ION, not in simulator

[Del]

I have an app I am building, and on one page there are a number of images in a slider. When I invoke that view on the simulator OR on ION on an iPhone5 - it works fine. When I invoke the same operation on model of iPad (I, II, III, mini), and running on ION, I get the "Received Memory Warning" error and the app crashes. I'm not even sure how to go about debugging this issue, though I have found in the HTML where it occurs (basically, if I limit the number of images, it is fine). I am thinking this has to do with the amount of images loaded on this app (255 images at 64.6 Mbytes, and the entire app is 97.7 Mbytes). The code area in question is just plain markup and some jquery

 <div data-role="view" id="tabstrip-color-dcmlr-4">

   <header data-role="header">
    <div data-role="navbar">
     <a id="cabtype01" data-role="button" href="#dayCab" data-align="left" data-rel="back"  class="notabstrip" >Back</a>

     <span data-role="view-title">Seats</span>
    </div>
   </header>
   <div data-role="view" class="scroller-container overview-gallery" id="overview-gallery04">
    <div id="scrollview-container">
     <div data-role="scrollview"  >
      
    <div class="photo">
       <h3>Seat #1</h3>
                            <h4>Maple Leaf Red</h4>
       <img src="images/gallery/seats/someimage.jpg"  class="galleryimg" />
       <p class="gallerytext">
       title<br>code
       </p>
       <p class="zoomimg">
        <img src="images/zoom_in.png" data-align="left" class="touch-surface" alt="#cabview04_dcmlrview02" />
       </p>
      </div>

      

       <div class="photo">
       <h3>Seat 2</h3>
                            <h4>some color</h4>

       <img src="images/gallery/seats/another_image.jpg"  class="galleryimg" />
       <p class="gallerytext">
        title<br>code
       </p>
      <p class="zoomimg">
        <img src="images/zoom_in.png" data-align="left" class="touch-surface" alt="#cabview04_dcmlrview06" />
       </p>
      </div>

......

and there are 25 of these entries, and the error occurs after the 6th one, lets say. And the markup is exactly the same

Any clues where to even look?

[Steve]

Hi Del,

Thank you for getting in touch with us.

We are aware of such issues which usually occur when the Slider is loaded with too much content (respectively the DOM tree contains too many HTML elements). I am afraid that we cannot offer out of the box solution for this case at present, however in the next release we plan to introduce major changes (virtualization) which will address the performance problems. Q2 release is scheduled for second half of July. Beta release should be available for download at the end of this month.

For the time being you can either switch to another component (e.g. jQuery iosslider) or use the suggestion given in this forum thread.

Regards,
Steve
Telerik

Looking for tips & tricks directly from the Icenium team? Check out our blog!
Missed our first webinar, watch it here.
Share feedback and vote for features on our Feedback Portal.