facebook

Scrolling not working with Custom list

💡
Our Forums Have Moved

For help with installation, bugs reports or feature requests, please head over to our new forums.
Genuitec Community on GitHub

  1. MobiOne Archive
  2.  > 
  3. Getting Help – General
Viewing 15 posts - 16 through 30 (of 39 total)
  • Author
    Posts
  • #334764

    Unknown Author
    Participant

    Let’s get back to basics with some stupid questions:

    1. Is your list inside your panel?
    2. Are you doing a new preprocessDOM command after changing panel height?
    3. Are you getting any runtime/compilation errors on the Java Console? (Test Center–>Local Storage–>Button on the bottom left)
    4. All your brackets and semicolons are where they should be?

    I can tell you that using 2.3 is not the issue. I’m developing an app right now that populates a custom list based on Google Places search results. No problem scrolling at all. Like you, I’m also developing in Windows 7.

    -1TC

    #334775

    Hi donij,

    >I will appreciate if you could open up a new project add a list with some list items, add a button with onClick event that calls a function just to increase the height of the list…

    Here is a similar request and modified sample project that we have provided in past: http://www.genuitec.com/support-genuitec/viewtopic.php?p=13511#p13511

    #334778

    donij
    Member

    @1thinchip

    The forum is for constructive engagement…. and where decency prevails. I see you don’t understand the issue… and not offering any help….. lets have the experts talk. Appreciate your time. Thank you.


    @Octavio

    Thanks. I will look at the attachment and revert.

    Cheers.

    #334786

    donij
    Member

    Octavio, you are truly the man!!!!!!!! It works now. I analyzed the code you attached and found a key difference…. changing the height via css! I applied it in my own case and it worked…. the key code is as below. you saved a life!! Thumbs up!!

    function updateListHeight() {

    var $scroller = $(‘#m1-dynamicList-panel1-scroller’);
    //Update panel’s content height, set the ht value on the panel’s
    // scroller <div> data-layout-content-height attribute.
    var liCount = $(‘#m1-dynamicList-txttestnumber’).val();// //$(“li”, $scroller).length;
    var panelHt = 30 + (liCount * 44);
    // alert(panelHt);
    // $(‘#m1-list-panel1-scroller’).attr(‘data-layout-content-height’, panelHt);
    $scroller.css(“height”, panelHt + “px”);
    $scroller[0].myScroll.refresh();
    }

    This case is closed!!

    #334799

    Unknown Author
    Participant

    Well..That’s the last time I try to help anyone here, you ungrateful bastard.

    #334850

    tteasdale
    Member

    Octavio,
    Thank you for not closing this just yet, as I am still at a loss. Though my support topic was somewhat ‘commandeered’ by others, and their input is greatly appreciated, I am still having a bit of a quirk with my list. In both the code that I sent you folks via email and the modifications based on your example above, I still have the same result as follows: If you open the app in landscape or portrait mode the scrolling does not work propoerly, still bouncing back not allowing the user to see the end of the list. However, once you switch the orientation to the other, the list scrolling works properly and does from there on out until the user completely closes the app, not just exiting out.
    As a bit of additional information, I do not have my panel which contains my list expanding the full height of the screen in the Design Center. It starts at the Y coordinates of 52 with a length of 588. I have saved the space below that for future advertisement. I am hopeful that this is helpful as I can tell that the last item(s) in the list would likely be viewable if the panel extended to the bottom in the Design Center.

    Thank you.

    #334853

    donij
    Member

    @tteasdale

    sorry we ‘commandeered’ your topic and I erroneously requested it closed. That was out of over excitement that I got a solution. Confident you will get a solution soon.

    Cheers.

    #334992

    tteasdale
    Member

    Support – I’m affraid I may have been forgotten here. Can you please see my last reply as I am still need of resolution.

    Thank you.

    #334993

    donij
    Member

    @donij wrote:

    .myScroll.refresh();
    }

    !

    Hi

    Did you take a look at how my was resolved as in the above code?

    Instead of using

    $('#m1-list-panel1-scroller').attr('data-layout-content-height', panelHt); 

    I suggest you replace it with

    $scroller.css("height", panelHt + "px");
    $scroller[0].myScroll.refresh();

    Try this and let’s hear from you.

    #334995

    tteasdale
    Member

    Thanks ‘donij’ but no, it also gave the same results as I stated in my posting on 1/31.

    #335001

    donij
    Member

    attached is a sample project. I used this to test panel scrolling function. It has just a panel, a text box and a button.

    Enter a number into the text box and click the button to vary the scroller height. You will see the scroll bar change height,

    Lets see if this could help out. Take a look at the dynamiclist_custom.js

    Attachments:
    You must be logged in to view attached files.
    #335045

    tteasdale
    Member

    I have confirmed, again, that the suggested code changes also do not work.

    Support-Octavio, your assistance is still needed. Please refer to the project I emailed to you earlier at your request.

    Thank you.

    Donij, thank you for your efforts.

    #335099

    @tteasdale ,

    Dev team is reviewing your project. I will follow up as soon as I get more information.

    #335200

    tteasdale
    Member

    Thanks. Some additional information I just discovered. As previously
    stated, the scrolling seems to work properly after rotating the device
    to another orientation. But what I did not see before was that the
    scrolling only works until I select an item out of the item list which
    then causes the scrolling to resort back to inoperable. This could be
    due to the rebuild of the list after the selection takes place. Hope
    this helps.

    Thank you.

    #335201

    donij
    Member

    I have tested my code too with the orientation thing and I experience the same thing.

Viewing 15 posts - 16 through 30 (of 39 total)
Reply To: Scrolling not working with Custom list

You must be logged in to post in the forum log in