Topics created by munsterlander

@khemry If you are looking at the current project, it is significantly different as I had to work around that error. The current code base was set for export so I could do a local cordova build and consequently the splash screen images are different.

I would love to have this in core as well with nice animations. List Handling is on of the main uses in mobile apps.

Code above almost did it. I use this to handle UI and data:

<ons-page> <ons-toolbar> <div class="center">Lists</div> </ons-toolbar> <ons-list id="mylist"> </ons-list> </ons-page> ons.ready(function() { for (var i = 0; i < 11; i++) { var item = $( "<ons-list-item data-id='" + i + "' tappable>Test " + i + "</ons-list-item>" ); item[0].addEventListener("swipeleft", function(e) { var data = $(this).data("id"); alert(data); $(this).remove(); }); $("#mylist").append(item); } });

Sure if you prefere VanillaJS. Replace the jQuery with the corresponding alternatives… Cheers.

@Fran-Diox Hey hey! Nice work! I was looking at HammerJS extensions draggable and sortable but was having a heck of a time getting it to work due to the Onsen wrapper. This is much simpler and easier to implement. Although I completely agree that sorting is outside the normal uses of the UI, I do see how it could be of benefit. There will, however, be some significant coding required to make everything play nice,

@Fran-Diox Thanks! Yeah, I didn’t know if it would auto resolve to the latest version once I put stuff after the / to access the CSS. I have updated my github and also launched a CodePen account to now centralize all of the forum examples and answers. For whatever reason, I can’t mark this topic as solved.

@Fran-Diox Awesome! Hopefully, that will drive some more traffic there and answer some user questions! Thanks!

Feel free to disregard this request. I just couldn’t wait any longer so I wrote an object explorer in order to be able to navigate the events returned on the mobile device as they are different than in the preview.

If anyone wants the function - it is pretty basic, but gives you a collapsible view of objects like in dev tools - the code is here: https://github.com/munsterlander/Onsen-Examples/tree/master/Remote-Console-In-Debugger

Just do note, I hacked this together from some old code posted on the net and modified it for my needs.

@Fran-Diox Thanks! I did submit it so now I just need those votes and shares!

Edit: On Reddit: https://www.reddit.com/r/javascript/comments/55xbgi/multiple_item_drag_and_drop_and_the_splitter/

Edit2: I know some might say, but wait, just use this in the drag event:

e.target.style.transform = 'translate(' + e.gesture.deltaX + 'px,' + e.gesture.deltaY + 'px)';

The reason I did not, is due to when the object is dropped then picked up again, it causes the object to always jump back about 100 px top and left, so it creates a wonky interface.

@Fran-Diox Updated and will continue to update. Most of this is just snippets of code that people have requested or we answer multiple times. Hopefully, it helps and I will continue to add to it as I go.

@munsterlander I think we haven’t update it recently so it must have been there for a while
We still need to give some love to the Theme Roller but we must focus on other things right now.

@Fran-Diox Thats what I suspected (and knew as well - I guess I was hoping for a different solution!). I didn’t try anything but now I guess I will need too!

@IliaSky and @Fran-Diox So that worked. I don’t know why when I initially did as @Fran-Diox suggested it gave me that error. I reset the project and wrote it out as @IliaSky suggested and it worked - it’s the exact same code, just a different right-side assignment. Oh well, working now with minimal code. Thanks!