jqm popup experiments

by needlethread

HTML

<a href="#bc_ingred_tools" data-rel="popup" class="ui-btn ui-corner-all ui-shadow ui-btn-inline ui-icon-gear ui-btn-icon-left ui-btn-a">Actions...</a>

<div data-role="popup" id="bc_ingred_toolsx">
    <ul data-role="listview" data-inset="true" style="min-width:210px;" data-mini="true">
        <li data-role="list-divider">Choose an action</li>
        <li><a href="#">View details</a>

        </li>
        <li><a href="#">Edit</a>

        </li>
        <li><a href="#">Disable</a>

        </li>
        <li><a href="#">Delete</a>

        </li>
    </ul>
</div>
<div data-role="popup" id="bc_ingred_tools">
    <div data-role="controlgroup" data-type="horizontal" data-mini="true">	<a href="#" class="ui-btn ui-corner-all ui-icon-delete ui-btn-icon-notext">Icon only</a>
	<a href="#" class="ui-btn ui-corner-all ui-icon-delete ui-btn-icon-notext">Icon only</a>

    </div>
</div>

CSS

#bc_ingred_tools {
        padding: 0;
        border: none;
}