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

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. =)

Really nice your apps…
Show seus apps…

send us the links…
manda os links pra baixarmos…

@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

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.

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

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

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.