ListItem triggers when parent view is loaded

2 posts, 0 answers
  1. Dan
    Dan avatar
    26 posts
    Member since:
    Oct 2013

    Posted 26 Nov 2013 Link to this post

    I am using Kendo UI Mobile.  I have a list view that has 6 buttons. 
    Whenever the long-term assessments button is touched, it goes to the correct view, but immediately triggers the button on that view.  I get similar behavior if I put a different item in the second li position.  It only affects the second li position...

    <ul class="navText" data-role="listview" data-type="group">
                    <li>
                        <ul id="drawerListBorder">
                            <li style="background-color:#f4f0e7;" data-icon="bookmarks"><a href="#drawer-assessments" data-transition="none">Main Assessments</a></li>
                            <li style="background-color:#f4f0e7;" data-icon="bookmarks"><a href="#drawer-longTerm" data-transition="none">Long-Term Assessments</a></li>
                            <li style="background-color:#f4f0e7;" data-icon="bookmarks"><a href="#drawer-otherStudies" data-transition="none">Other Studies</a></li>
                            <li style="background-color:#f4f0e7;" data-icon="star"><a href="#drawer-whatsnew" data-transition="none">What's New</a></li>
                            <li style="background-color:#f4f0e7;" data-icon="compose"><a href="#drawer-quizzes" data-transition="none">Sample Quizzes</a></li>
                            <li style="background-color:#f4f0e7;" data-icon="about"><a href="#drawer-about" data-transition="none">About Us</a></li>
                        </ul>
                    </li>
                </ul>

    <!-- Start Long Term Assessments -->
         <div data-role="view" id="drawer-longTerm" data-init="onInit" data-layout="drawer-layout" data-title="NAEP Results">
                <div data-role="content" class="km-content km-scroll-wrapper" style="overflow:hidden;background-color:#424242;">
                    <ul data-role="listview" class="inboxList" style="margin:10px 0 0 0;">
                        <li style="height:100%; background:#424242; overflow:hidden; box-shadow:none !important;">
                            <h2>Long-Term Assessments</h2>
                            <div style="width:100%; height:100%;">
                           
                             <div style="width:305px;text-align:center;">
                                 <a href="#readingAndMath">
                                     <div style="style removed;">
                                         <img src="images/math-icon_white.png" height="40px" /><br /><div style="style remove;">Reading and Mathematics</div>
                                        </div>
                                    </a>
                                </div><!-- Tier one Assessment Icons -->                                                         
                            </div>
                        </li>
                    </ul> 
                </div>   
            </div>
        <!-- End Long Term Assessments -->

    the project is Naep Mobile App.
  2. Alexander Valchev
    Admin
    Alexander Valchev avatar
    2895 posts

    Posted 29 Nov 2013 Link to this post

    Hi Dan,

    The issue which you described does not sound like a known one. Could you please try to isolate in a sample jsBin page so we can examine it further? Please also specify the device you are testing with as well as the Kendo UI version that your project uses.

    Thank you in advance for the cooperation.

    Regards,
    Alexander Valchev
    Telerik
    You've missed the Icenium Visual Studio Integration keynote? It has been recorded and posted here.
    Looking for tips & tricks directly from the Icenium team? Check out our blog!
    Share feedback and vote for features on our Feedback Portal.
Back to Top