I have the following line of code snip:

var item = document.createElement('ons-list-item');

I would like to add a modifier to the code so that each dynamically listed item would have a ‘chevron’. I’ve tried a variety of techniques, but I can’t get it to work. I’ve also searched stack overflow, this community, looked at the references and tutorial, but I can’t find, or maybe, understand an answer. Could some kind person show me how this is done?

TIA

Thanks for your response. That helped to clarify. I’ll check back later to see if this has been added.

Hello Again,

I want to use onsen.io to rewrite an older jQuery mobile app. I like the beauty of onsen’s components. However, each time I get started with the rewrite, I run into a feature that I need that is lacking in onsen.io. I decided to wait and give onsen a little more time to add features.

Now, it is about a year later and I thought I’d try again. However, I can’t seem to find a collapsible list component. I see how to collapse a single item in onsen.io, but not an entire list:

Something like the following JQM code that collapses the entire list:

 <ul data-role="collapsible"  data-collapsed="true">
   <li> Item 1 </li>
   <li> item 2 </li>
   <li> item 3 </li>
</ul>

Maybe I’m not approaching the problem correctly. Can anyone help with a way to do this?

In searching the forum, I found one question about collapsible here:
darylldawn question: Is it possible?
I tried the fix that he tried, but since the nested items didn’t display properly, I can’t use it for an app that is published.

TIA