Navigation

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

    Posts made by tbrcrl

    • RE: Incomplete tutorial for the "ons-page"

      Thanks. I need just one more clarification; If in the same .js file I have both jQuery code and Onsen code, shall I put the Onsen code inside the ons.ready and the jQuery code inside the DOM ready event? that is

      ons.ready(function() {
        // Onsen JavaScript code
      });
      
      $(document).ready(function(){
          // jQuery JavaScript code
      });
      

      Thanks

      posted in Onsen UI
      T
      tbrcrl
    • Incomplete tutorial for the "ons-page"

      Hello, in the following tutorial
      The ons object
      at page 3/4 it is written
      "In this example we are using ons.ready(fn) which waits until the page is completely loaded before executing a callback function."
      In the JS code I do not see any

      ons.ready(fn)
      

      but only a

      document.addEventListener('init', function(event)
      

      The

      ons.ready(fn)
      

      must be inserted before the

      document.addEventListener('init', function(event)
      

      ? And must the

      ons.ready(fn)
      

      be used always, for any page like the

      $(document).ready(function(){
      

      for jQuery?

      Thanks

      posted in Onsen UI
      T
      tbrcrl
    • Possibility to save the configuration of Onsen CSS Components (Theme Roller)

      Hello, it is possible to save the choices made during the customization of http://components.onsen.io/ so that the further update of, for example, a single component does not require to reenter the parameters for all the other unchanged components? What I am thinking is, for example, a config file that is downloaded the first time the theme is created and that can be uploaded each time there is the need to do further changes .
      If not presently possible, it will be, according to my opinion, a very useful feature to add.
      Thanks

      posted in Onsen UI
      T
      tbrcrl
    • RE: Unable to remove ripple effect from ons-fab

      @munsterlander @Fran-Diox
      I tryed the disable-auto-styling attribute and it works fine.
      I agree with @munsterlander about the need to update the documentation both in
      https://onsen.io/v2/docs/js/ons-ripple.html
      and
      https://tutorial.onsen.io/?framework=vanilla&category=Reference&module=ripple
      as in both cases, on page 3/3, it is stated that "for the element the support the ripple attribute,

      <ons-button>
      <ons-fab>
      <ons-speed-dial-item>
      <ons-list-item>
      

      adding a ripple effect is very simple

      <ons-button ripple>
        Tap me!
      </ons-button>
      

      I suggest to add what @Fran-Diox stated i.e. “Autostyling is automatically adding ripple effect to ons-fab and ons-button for Material Design”.

      Thanks again for the promt answer.

      posted in Onsen UI
      T
      tbrcrl
    • RE: Unable to remove ripple effect from ons-fab

      @munsterlander
      Hello, if I run the codepen on a desktop browser the ripple effect is not present
      But if I run the codepen on the device (Nexus 5X) the ripple effect is present
      You can reproduce the issue without the need of a Nexus 5X device, just run the codepen in the Chrome dev tool and choose Nexus 5 or 5X among the available devices as shown in the attached image
      0_1478454263142_ripple-on-Nexus5X.png

      posted in Onsen UI
      T
      tbrcrl
    • Unable to remove ripple effect from ons-fab

      Hello, in my application I am using the most basic onsFab button

      <ons-page>
      .....
        <ons-fab position="bottom right">
          <ons-icon icon="md-plus"></ons-icon>
        </ons-fab>
      </ons-page>
      

      As you can see, the “ripple” attribute is not specified. Nevertheless the ripple effect is present as shown in the attached Chrome dev tool screenshot.
      0_1478290921131_ripple-still-present.png

      Any idea “who” is inserting the “ripple” attribute and how it is possible to remove it?

      Thanks in advance

      posted in Onsen UI
      T
      tbrcrl
    • RE: Hide Bars (Tab Bar and Toolbar) On Scroll

      Thanks for the answer. As hiding bars on scroll is almost a common behavior in the today apps, do you plan to include this feature in a future Onsen release?

      posted in Onsen UI
      T
      tbrcrl
    • Equal css files but different names in OnsenUI-dist-2.0.0-rc.16\css

      Hello, I downloaded OnsenUI-dist-2.0.0-rc.16 and I noticed that in the CSS folder there are three files whose content is identical but with different names. Those three files are:

      • onsen-css-components.css
      • onsen-css-components-blue-basic-theme.css
      • onsen-css-components-default.css
        Can somebody please explain which is the reason to have three files instead of one and three different names?
        Thanks
      posted in Onsen UI
      T
      tbrcrl
    • Hide Bars (Tab Bar and Toolbar) On Scroll

      Hi, is there a way to automatically hide bars (tab bar and / or toolbar) when scrolling a page down?
      I didn’t find any mention in the Onsen documentation.
      Thanks

      posted in Onsen UI
      T
      tbrcrl