Multiple split buttons on jQuery Mobile list

Question

Is it possible to have multiple split buttons in a jQuery mobile list?

I\'ve tried doing this:

Answer 1

Here is extension to the solution. Problem with above solution is that you cannot control the placement of buttons on the right side of the list item. One way to do it is add class='ui-li-aside' to the control. That will make the buttons come on right, but you will have to adjust the area which aside covers, by default it is 50%. You can modify it to reduce it so that it does not cover your list content on left

.ui-li-aside { float: right; width: 10%; text-align: right; margin: .3em 0; }

Or you can add another class

.ui-li-asideNew { float: right; width: 10%; text-align: right; margin: .3em 0; }

And change the div to adjust the

    

        

            Yes
            No
            Maybe