I'm trying to place several button groups on a view (closest thing to a radio button group correct?) within a listview for organization and would like to report formatting issues I'm getting. The main issue is when using the data-type="group" setting. But with all the options the first button group never "rounds" the last option - minor I know. Take a look at the screen shot below for the report I am making.
http://dominoswizard.com/register/images/ListViewButtonGroup.jpg
Thanks- Shawn
http://dominoswizard.com/register/images/ListViewButtonGroup.jpg
Thanks- Shawn
4 Answers, 1 is accepted
0
Shawn R.
Top achievements
Rank 1
answered on 21 Feb 2012, 04:36 PM
Here is my general markup:
<div data-role="view" data-layout="polling-layout" id="weeklysummary" data-title="WSR Options">
<ul data-role="listview" data-style="inset">
<li>
Time Buckets
<ul id="wsTimebuckets" data-role="buttongroup" data-index="0">
<li>60</li>
<li>30</li>
<li>15</li>
<li>10</li>
<li>05</li>
<br />in minutes
</ul>
</li>
<li>
Choose Data
<ul id="wsData" data-role="buttongroup" data-index="0">
<li>Total Sales</li>
<li>Net Sales</li>
</ul>
</li>
</ul>
</div>
<div data-role="view" data-layout="polling-layout" id="weeklysummary" data-title="WSR Options">
<ul data-role="listview" data-style="inset">
<li>
Time Buckets
<ul id="wsTimebuckets" data-role="buttongroup" data-index="0">
<li>60</li>
<li>30</li>
<li>15</li>
<li>10</li>
<li>05</li>
<br />in minutes
</ul>
</li>
<li>
Choose Data
<ul id="wsData" data-role="buttongroup" data-index="0">
<li>Total Sales</li>
<li>Net Sales</li>
</ul>
</li>
</ul>
</div>
0
Shawn R.
Top achievements
Rank 1
answered on 22 Feb 2012, 03:03 AM
Looks like I'm not nested enough. I'll post "correct" code later.
Shawn
0
Shawn R.
Top achievements
Rank 1
answered on 22 Feb 2012, 03:56 AM
How it should have been:
<div data-role="view" data-layout="polling-layout" id="weeklysummary" data-title="WSR Options">
<ul data-role="listview" data-style="inset" data-type="group">
<li>
Time Buckets (in minutes)
<ul>
<li>
<ul id="wsTimebuckets" data-role="buttongroup" data-index="0">
<li>60</li>
<li>30</li>
<li>15</li>
<li>10</li>
<li>05</li>
</ul>
</li>
</ul>
</li>
<li>
Choose Data
<ul>
<li>
<ul id="wsData" data-role="buttongroup" data-index="0">
<li>Total Sales</li>
<li>Net Sales</li>
</ul>
</li>
</ul>
</li>
<li>
Continue
<ul>
<li>
<a onclick="processOptions();" data-role="button">Accept Options</a>
</li>
</ul>
</li>
</ul>
</div>
<div data-role="view" data-layout="polling-layout" id="weeklysummary" data-title="WSR Options">
<ul data-role="listview" data-style="inset" data-type="group">
<li>
Time Buckets (in minutes)
<ul>
<li>
<ul id="wsTimebuckets" data-role="buttongroup" data-index="0">
<li>60</li>
<li>30</li>
<li>15</li>
<li>10</li>
<li>05</li>
</ul>
</li>
</ul>
</li>
<li>
Choose Data
<ul>
<li>
<ul id="wsData" data-role="buttongroup" data-index="0">
<li>Total Sales</li>
<li>Net Sales</li>
</ul>
</li>
</ul>
</li>
<li>
Continue
<ul>
<li>
<a onclick="processOptions();" data-role="button">Accept Options</a>
</li>
</ul>
</li>
</ul>
</div>
0
Rajinder
Top achievements
Rank 1
answered on 18 Jun 2012, 01:39 PM
Hi
I want to Bind Dynamically button groups (with datasource)
is it possible.?
I want to Bind Dynamically button groups (with datasource)
is it possible.?