Format issue with nested button groups

5 posts, 0 answers
  1. Shawn R.
    Shawn R. avatar
    4 posts
    Member since:
    Nov 2008

    Posted 21 Feb 2012 Link to this post

    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
  2. Shawn R.
    Shawn R. avatar
    4 posts
    Member since:
    Nov 2008

    Posted 21 Feb 2012 Link to this post

    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>
  3. Kendo UI is VS 2017 Ready
  4. Shawn R.
    Shawn R. avatar
    4 posts
    Member since:
    Nov 2008

    Posted 21 Feb 2012 Link to this post

    Looks like I'm not nested enough. I'll post "correct" code later. Shawn
  5. Shawn R.
    Shawn R. avatar
    4 posts
    Member since:
    Nov 2008

    Posted 21 Feb 2012 Link to this post

    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>
  6. Rajinder
    Rajinder avatar
    4 posts
    Member since:
    Jun 2012

    Posted 18 Jun 2012 Link to this post

    Hi
    I want to Bind Dynamically  button groups (with datasource)
    is it possible.?

Back to Top
Kendo UI is VS 2017 Ready