Navigation

    Monaca & Onsen UI
    • Register
    • Login
    • Search
    • Tags
    • Users
    • Blog
    • Playground
    1. Home
    2. h3nr1ke
    H
    • Flag Profile
    • Profile
    • Following
    • Followers
    • Blocks
    • Topics
    • Posts
    • Best
    • Groups
    Save
    Saving

    h3nr1ke

    @h3nr1ke

    0
    Reputation
    8
    Posts
    1536
    Profile views
    0
    Followers
    0
    Following
    Joined Last Online

    h3nr1ke Follow

    Posts made by h3nr1ke

    • RE: How to use splitter and navigation with a page that does not need the lateral menu?

      hello @Fran-Diox , I see, so there is no way to connect the pages without the menu itself… that is clear, I will do as you suggested, thanks once again =D

      posted in Onsen UI
      H
      h3nr1ke
    • How to use splitter and navigation with a page that does not need the lateral menu?

      Hello,
      I`m creating an app that will have a login page and after login, will be redirected to a page with ons-splitter + ons-navigator.

      In the end I have the following structure

      <!-- first page displayed, no menu, only the action needed -->
      <ons-page ng-controller="LoginController">
        <div class="page-content center page-login">
          <div class="logo">LOGO</div>
          <p>
            <ons-input id="username" modifier="underbar" placeholder="Username" float></ons-input>
          </p>
          <p>
            <ons-input id="password" modifier="underbar" type="password" placeholder="Password" float></ons-input>
          </p>
          <p>
            <ons-button class="button--large--cta">Login</ons-button>
          </p>
      
          <p>
            <ons-button class="button--large--cta">Register</ons-button>
          </p>
      
          <div class="button-bar">
            <div class="button-bar__item">
              <button class="button-bar__button">Text 1</button>
            </div>
            <div class="button-bar__item">
              <button class="button-bar__button">Text 2</button>
            </div>
          </div>
          <div class="app-version">V 0.0.1-dev</div>
        </div>
      </ons-page>
      
      <!-- the splitter with lateral menu -->
      <template page="splitter.html">
        <ons-splitter var="mySplitter" ng-controller="SplitterController as splitter" close-on-tap>
          <ons-splitter-side side="left" width="220px" collapse swipeable>
            <ons-page>
              <ons-list>
                <ons-list-item ng-click="myNav.pushPage('home.html')" tappable>
                  Home
                </ons-list-item>
                <ons-list-item ng-click="myNav.pushPage('settings.html')" tappable>
                  Settings
                </ons-list-item>
                <ons-list-item ng-click="myNav.pushPage('about.html')" tappable>
                  About
                </ons-list-item>
              </ons-list>
            </ons-page>
          </ons-splitter-side>
          <ons-splitter-content page="navigator.html"></ons-splitter-content>
        </ons-splitter>
      </template>
      
      <!-- the navigator, called by the splitter -->
      <template id="navigator.html">
        <ons-navigator animation="slide" var="myNav" page="home.html">
        </ons-navigator>
      </template>
      
      <!-- first navigators page -->
      <template id="home.html">
        <ons-page>
          <ons-toolbar>
            <div class="left">
              <ons-toolbar-button ng-click="mySplitter.left.open()">
                <ons-icon icon="md-menu"></ons-icon>
              </ons-toolbar-button>
            </div>
            <div class="center">
              Main
            </div>
          </ons-toolbar>
          <p style="text-align: center; opacity: 0.6; padding-top: 20px;">
            Swipe right to open the menu!
          </p>
        </ons-page>
      </template>
      

      The login page does not need the lateral menu, since the user is not logged in, how is the correct approach to call the splitter from login page, since I’m not in the navigator?

      If the page must be inside the navigator, how can I remove the lateral menu from this specific page?

      Thanks for all the help. =)

      posted in Onsen UI
      H
      h3nr1ke
    • RE: Boost Your house Productivity

      Really nice your apps…
      Show seus apps…

      send us the links…
      manda os links pra baixarmos…

      posted in Showcase
      H
      h3nr1ke
    • RE: Onsen Ui for Mobile Web Site (not app), is it a good idea?

      @Leonardo-Augusto Hello Leonardo, thanks for the example (and sorry about the really late reply… ) I will keep it in mind to the next project.

      ^^V

      posted in Onsen UI
      H
      h3nr1ke
    • Lazy Load Scripts

      Hello,
      I was looking for a way to create a lazy loading script for all the controllers I have in my app, to avoid load all at the same time.
      I’m facing some troubles with event triggers and I think is caused by the huge number of files I have (each page has a controller an to keep the things organized I have i js file for each one…)
      I found this article
      http://ify.io/lazy-loading-in-angularjs/
      and it seems to be reasonable but I’m not sure how to integrate the solution while using onsen ui.
      does anybody here did it before and have some clue?

      thanks for your time.

      posted in Developer Corner
      H
      h3nr1ke
    • RE: Onsen Ui for Mobile Web Site (not app), is it a good idea?

      @munsterlander thanks for the answer, my idea is to create a mobile website only, so no integration with hardware features.

      I tested the back option of the browser and I was not able to handle it (a lot of javascript workarounds, but none worked in all browsers…)

      I still think that is a good idea, but need to find a way to do that…

      posted in Onsen UI
      H
      h3nr1ke
    • RE: Onsen Ui for Mobile Web Site (not app), is it a good idea?

      @Leonardo-Augusto thanks for the example, but how to built a link from another site to the app?

      posted in Onsen UI
      H
      h3nr1ke
    • Onsen Ui for Mobile Web Site (not app), is it a good idea?

      Hello folks,

      I was wondering about use the onsen ui to develop a mobile website, but I thinks there are some problems, like

      • back button handler for mobile web browser
      • no links to share to a direct page

      do you think that there any chance handle it? or even inside the web browser, the android back button handler will work?

      thanks for the clarification.

      posted in Onsen UI
      H
      h3nr1ke