This is a migrated thread and some comments may be shown as answers.

Format issue with nested button groups

4 Answers 211 Views
ListView (Mobile)
This is a migrated thread and some comments may be shown as answers.
Shawn R.
Top achievements
Rank 1
Shawn R. asked on 21 Feb 2012, 04:35 PM
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

4 Answers, 1 is accepted

Sort by
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>
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>
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.?

Tags
ListView (Mobile)
Asked by
Shawn R.
Top achievements
Rank 1
Answers by
Shawn R.
Top achievements
Rank 1
Rajinder
Top achievements
Rank 1
Share this question
or