Navigation

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

    LittleOldLady

    @LittleOldLady

    0
    Reputation
    3
    Posts
    165
    Profile views
    0
    Followers
    0
    Following
    Joined Last Online

    LittleOldLady Follow

    Posts made by LittleOldLady

    • How to add an onsen-ui modifier to javascript

      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

      posted in Onsen UI
      L
      LittleOldLady
    • RE: Collapsible Lists

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

      posted in Onsen UI
      L
      LittleOldLady
    • Collapsible Lists

      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

      posted in Onsen UI
      L
      LittleOldLady