Navigation

    Monaca & Onsen UI
    • Register
    • Login
    • Search
    • Tags
    • Users
    • Blog
    • Playground
    1. Home
    2. munsterlander
    3. Topics
    • Profile
    • Following
    • Followers
    • Topics
    • Posts
    • Groups

    Topics created by munsterlander

    • Release build removes camera permission
      Monaca Tools •

      1
      1
      Posts
      166
      Views

      No one has replied

    • Build is Successful, but postBuild fails - Crosswalk, getUserMedia, and TrackStartError
      Monaca Tools • permissions getusermedia trackstarterror crosswalk •

      3
      3
      Posts
      332
      Views

      @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.

    • Swipe on Ons-List via Ons-GestureDetector
      Onsen UI • ons-list ons-gesture-detector swipe •

      5
      5
      Posts
      1410
      Views

      I

      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.

    • Request: Link to Update Docs
      Onsen UI • request •

      5
      5
      Posts
      605
      Views

      @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,

    • Solved Unpkg full paths
      Onsen UI •

      5
      5
      Posts
      863
      Views

      @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.

    • Unsolved Splitter menu with long list won't scroll
      Onsen UI • ons-splitter-side bug ons-splitter •

      1
      1
      Posts
      396
      Views

      No one has replied

    • TIL You can modify the console object
      Developer Corner •

      1
      1
      Posts
      327
      Views

      No one has replied

    • Tutorial Site Link
      Developer Corner •

      3
      3
      Posts
      683
      Views

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

    • Accordion + List with Vanilla JS and CSS
      Onsen UI • examples ons-list tutorial ons-splitter github accordion •

      1
      1
      Posts
      1296
      Views

      No one has replied

    • Remote Event Object Explorer
      Onsen UI • debugger examples tutorial console •

      1
      1
      Posts
      362
      Views

      No one has replied

    • USB Debugging Round 2
      Monaca Tools • localkit usb debugging •

      2
      2
      Posts
      608
      Views

      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.

    • Solved Drag / Drop Conflict with Hammer.JS and jQuery UI + Punch
      Onsen UI • drag examples tutorial hammer jquery github drop •

      12
      12
      Posts
      3283
      Views

      @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.

    • My collection of Onsen Examples
      Onsen UI • examples help tutorial github intro •

      3
      3
      Posts
      973
      Views

      @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.

    • Theme Roller - WOW!
      Onsen UI • themeroller •

      2
      2
      Posts
      576
      Views

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

    • Ons-Bottom-Toolbar covers elements
      Onsen UI • bug ons-bottom-toolbar •

      1
      1
      Posts
      455
      Views

      No one has replied

    • Hide and clear console not working in Chrome
      Monaca Tools • cloud ide bug •

      1
      1
      Posts
      382
      Views

      No one has replied

    • Input min and max
      Onsen UI • min ons-input max •

      3
      3
      Posts
      779
      Views

      @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! :)

    • ons-switch methods have changed?
      Onsen UI • api ons-switch •

      5
      5
      Posts
      1268
      Views

      @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!

    • NiceCloud IDE - Preview has to be refreshed after save to display changes
      Monaca Tools • cloud ide •

      1
      1
      Posts
      380
      Views

      No one has replied