Posts made by tbrcrl

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

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

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

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

@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

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.

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

Thanks in advance

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?

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

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