Navigation

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

    Facundo Arnold

    @Facundo Arnold

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

    Facundo Arnold Follow

    Posts made by Facundo Arnold

    • RE: Ons-select is not displayed correctly

      Excelent! Thanks again!

      posted in Developer Corner
      F
      Facundo Arnold
    • RE: Ons-select is not displayed correctly

      Perfect, I installed the new version via copy files in the lib directory.
      another question.
      I can not create and attach at runtime option items
      Codepen Example:
      https://codepen.io/anon/pen/wJyRaq?&editors=101

      posted in Developer Corner
      F
      Facundo Arnold
    • RE: Ons-select is not displayed correctly

      I create the application via monaca, with the “create” command.
      To upgrade to version 2.2.0, I just need to copy the libraries to \ www \ lib \ onsenui ? or via npm?
      Thansk

      posted in Developer Corner
      F
      Facundo Arnold
    • Ons-select is not displayed correctly

      Ons-select is not displayed as a select, it simply shows the 3 options.
      There are no js errors on the console.
      I’m using the example of the tutorial, and so it does not work.
      Any suggestions?
      Thanks

        <ons-template id="mensajes.html">
          <ons-page id="mensajes">
            <ons-toolbar>
              <div class="left">
                <ons-toolbar-button onclick="fn.open()">
                  <ons-icon icon="md-menu"></ons-icon>
                </ons-toolbar-button>
              </div>
              <div id="cd_title" class="center">MENSAJES
              </div>
              <div class="right">
                <ons-back-button>Volver</ons-back-button>
              </div>
            </ons-toolbar>
            <h3>Choose a type of select with different modifiers:</h3>
            <ons-select id="choose-sel" modifier="basic">
              <option value="basic">Basic</option>
              <option value="material">Material</option>
              <option value="underbar">Underbar</option>
            </ons-select>
          </ons-page>
        </ons-template>
      

      0_1489976566529_select.jpg

      posted in Developer Corner
      F
      Facundo Arnold
    • RE: ons-splitter and page events

      Perfect!. @Fran-Diox
      I solved using a service object to store states and data between pages.
      Thanks Again

      posted in Developer Corner
      F
      Facundo Arnold
    • RE: ons-splitter and page events

      Sorry Frank, another question…
      When I call load method to load a new page, I need to pass an object, to initialice the page.
      If i use the navigator object and pushpage method, that allows me send this object.
      E.g.

      document.querySelector('#myNavigator').pushPage('sponsors.html', { data: { carrera: _actualCarrera[0] } });
      

      But I can’t use this when I try to send the object via load method
      E.g.

        content.load(page, { data: { carrera: _actualCarrera[0] } }).then(menu.close.bind(menu));
      

      The documentation of load method, tells about options object, but I dont know how use it correctly.

      posted in Developer Corner
      F
      Facundo Arnold
    • RE: ons-splitter and page events

      Great!!!
      Thanks Fran!!

      posted in Developer Corner
      F
      Facundo Arnold
    • ons-splitter and page events

      Hi, i have problems using ons-splitter. When i click an item, then call fn.load to load page, the page is loaded but the events for the listener init or show don’t fire
      Codepen:
      https://codepen.io/anon/pen/gmXXxm?&editors=101

      The code from tutorials page:

      <ons-splitter>
        <ons-splitter-side id="menu" side="left" width="220px" collapse swipeable>
          <ons-page>
            <ons-list>
              <ons-list-item onclick="fn.load('home.html')" tappable>
                Home
              </ons-list-item>
              <ons-list-item onclick="fn.load('settings.html')" tappable>
                Settings
              </ons-list-item>
              <ons-list-item onclick="fn.load('about.html')" tappable>
                About
              </ons-list-item>
            </ons-list>
          </ons-page>
        </ons-splitter-side>
        <ons-splitter-content id="content" page="home.html"></ons-splitter-content>
      </ons-splitter>
      
      <ons-template id="home.html">
        <ons-page>
          <ons-toolbar>
            <div class="left">
              <ons-toolbar-button onclick="fn.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>
      </ons-template>
      
      <ons-template id="settings.html">
        <ons-page>
          <ons-toolbar>
            <div class="left">
              <ons-toolbar-button onclick="fn.open()">
                <ons-icon icon="md-menu"></ons-icon>
              </ons-toolbar-button>
            </div>
            <div class="center">
              Settings
            </div>
          </ons-toolbar>
        </ons-page>
      </ons-template>
      
      <ons-template id="about.html">
        <ons-page>
          <ons-toolbar>
            <div class="left">
              <ons-toolbar-button onclick="fn.open()">
                <ons-icon icon="md-menu"></ons-icon>
              </ons-toolbar-button>
            </div>
            <div class="center">
              About
            </div>
          </ons-toolbar>
        </ons-page>
      </ons-template>
      
      window.fn = {};
      
      window.fn.open = function() {
        var menu = document.getElementById('menu');
        menu.open();
      };
      
      window.fn.load = function(page) {
        var content = document.getElementById('content');
        var menu = document.getElementById('menu');
        content.load(page)
          .then(menu.close.bind(menu));
      };
      document.addEventListener('init', function (event) {
       
          if (event.target.id === 'settings') {
              alert('init');
          }
        
      }, false);
      
      document.addEventListener('show', function (event) {
       
          if (event.target.id === 'settings.') {
              alert('show');
          }
        
      }, false);
      
      
      
      posted in Developer Corner
      F
      Facundo Arnold