Navigation

    Monaca & Onsen UI
    • Register
    • Login
    • Search
    • Tags
    • Users
    • Blog
    • Playground
    1. Home
    2. Julian Wagner
    3. Posts
    • Flag Profile
    • Profile
    • Following
    • Followers
    • Blocks
    • Topics
    • Posts
    • Best
    • Groups

    Posts made by Julian Wagner

    • RE: Nightlife Navigator APP

      @Fran-Diox If you give me the locations that should be included in the App, I could make you an Tokyo version.

      I will maintain one code base for all the cities. So its really not much of a task for me, to open a new city.

      My next Tasks are:

      • To make working notifications
      • Do SSR to speed up initial loading time

      Btw since your are a part of the Onsen Team, I submitted my App for your Showcase, if interested.

      posted in Showcase
      Julian Wagner
    • RE: calculateItemHeight and infinity lists with dynamic height

      I use

          const devWidth = (window.innerWidth > 0 ? window.innerWidth : screen.width)
      
      

      with that i can calculate the height of my items. I use it here:

      nights.cool

      posted in Onsen UI
      Julian Wagner
    • Nightlife Navigator APP

      Im an nightlife eventhost who loves to code. Yeah thats probably a pretty rare combination. I find it pretty difficult for ppl to find out whats going on the weekend on Facebook or similar sites, since you have to find each club individually and there is no collection. Therefore I created an app with React-Ionic, which is not maintained anymore and I also made some mistakes. So I started a new one with Onsen. And im so happy that I know have a framework that is maintained and makes it so easy to code for multiple platforms.

      Im not 100% finished, since I try to speed up the initial loading time and ill probably add features all the time.

      nights.cool

      This version is for my city Frankfurt, Germany. But all that is needed are the IDs of the Club Fanpages. It gathers all the Galleries, Events, Locations etc from the API then. Optimized to reduce data loading.

      If someone is interested Ill release the Code on Github, though I dont find its really that of a masterpiece. Im just proud that I eventually can release something to a showcase. It’s my first App, and I Learn Coding sidewise to my ordinary job as Marketeer and economic student

      posted in Showcase
      Julian Wagner
    • RE: Safari on Windows and iOS App doesnt select initial Tab

      It was due a error in my componentDidMount() that tried to register a gcm messaging service. I got a notification in the safari console, didnt thought it would hinder the whole app in something. So probably a takeaway for me is to fix all console errors first :)

      posted in Onsen UI
      Julian Wagner
    • RE: Safari on Windows and iOS App doesnt select initial Tab

      solved. Will post solution later.

      posted in Onsen UI
      Julian Wagner
    • Safari on Windows and iOS App doesnt select initial Tab

      When I open my app on a Safari on Windows or in my iOS App my Meteor App with the React-OnsenUI Framework doesnt select an initial Tab.

      https://ffm.nights.cool/

      If I open it on Chrome, Firefox or on a Safari in a Mac! It works as expected.

      The demo

      https://onsenui.github.io/react-onsenui-kitchensink/

      tested on Safari on Windows

      works too. Havent compiled it on an iOS App yet.

      Im running against a wall for days with this issue since im almost using the same code as the demo

      Demo Tab Code
      https://github.com/OnsenUI/react-onsenui-kitchensink/blob/master/main.js

      My Code
      https://gist.github.com/JWPapi/2af216e6e1d696e988c07c75900fd7bb

      posted in Onsen UI
      Julian Wagner
    • RE: [Solved] Weird Top Bar Behavior on iOS

      Ok, so the gap came by the Onsen Status-bar-fill Utility Function:

      https://onsen.io/v2/docs/js/util.html

      As you can see there you can disable this function with

      ons.disableAutoStatusBarFill().

      So did I in my Meteor App, its has a own function for this.

      The reason why it just appeared on the second page was that I somehow manipulated the design with my tab navigation structure. I fixed this before I found the upper solution and than had the gap on all pages lol.

      posted in Onsen UI
      Julian Wagner
    • RE: [Solved] Weird Top Bar Behavior on iOS

      Ok i fixed it, ill write how for furture readers later. I have to attend some meetings now first. But dont waste your time helping me.

      posted in Onsen UI
      Julian Wagner
    • RE: [Solved] Weird Top Bar Behavior on iOS

      @munsterlander

      I tried to remove the Back Button and I made the Toolbar:

          <Toolbar>
              <div className='left'></div>
              <div className='center'>{this.props.event.name}</div>
              <div className='right'></div>
            </Toolbar>
      

      To see if its maybe because of the missing right div that wasnt there before or the back button, but it wasnt. I cant see anything in the css too…

      I now removed the toolbar completely to see if its a problem inside the toolbar but it isnt. There is a gap even without a navigation bar!

      The strange thing is that it only happens if I run my meteor app with meteor run ios or build an iOS App, its not happening if I just open the URL on an iPhone.

      So the Cordova inAppBrowser somehow thinks it has to gap the content. But curiously just on subpages. My Im doing something wrong with the navigator. Maybe im openinng an new navigator instance and that instance doesnt know, that it doesnt need to make an gap :/

      Im really stuck right now

      posted in Onsen UI
      Julian Wagner
    • RE: [Solved] Weird Top Bar Behavior on iOS

      Yeah I know the button on the top is not correct, but that’s not what im asking currently. In the second picture is a margin between the Header of the App and the Status Bar that shouldn’t been there.

      posted in Onsen UI
      Julian Wagner
    • [Solved] Weird Top Bar Behavior on iOS

      0_1479834909352_Simulator Screen Shot 22.11.2016, 18.12.34.png
      0_1479834896461_Simulator Screen Shot 22.11.2016, 18.12.25.png

      Normally the top bar should behave like on picture one, and it does on every browser, mobile or desktop, but on the iOS APP the Top Bar gets this margin, but just on the pages that get pushed in front of the navigator. On the front pages not. I think there is some CSS fuckin it up, but I cant see whats going on, since its only happening on the iOS App. I tried to debug with Safari, but It finds my phone, but not the app to debug :/

      URL is nights.cool

      posted in Onsen UI
      Julian Wagner