Minus data-icon for button

8 posts, 1 answers
  1. Mithal
    Mithal avatar
    6 posts
    Member since:
    Jan 2009

    Posted 03 May 2012 Link to this post

    Hi, I would like to know if there are any future plans to include a minus data-icon for data-role button?

    Also how can i make a button round if it has a data-icon, i want to achieve a button like that of the iphone message application for sms.
     
    Thanks in advance
  2. Iliana Nikolova
    Admin
    Iliana Nikolova avatar
    2592 posts

    Posted 04 May 2012 Link to this post

    Hi Mithal,

    Could you please provide some more details or better yet send a screenshot, which illustrates the features you are requesting?
    Thank you for the suggestion for the "minus icon" - it sounds good and our team will consider it. 
    In addition, I believe you may find these blog posts useful - both of them treat how to create a custom icon:

     

    Kind regards,
    Iliana Nikolova
    the Telerik team
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
  3. Kendo UI is VS 2017 Ready
  4. Mithal
    Mithal avatar
    6 posts
    Member since:
    Jan 2009

    Posted 07 May 2012 Link to this post

    Hi Iliana, please see the attached images for what i am looking for.

    Thanks
  5. Answer
    Kamen Bundev
    Admin
    Kamen Bundev avatar
    1532 posts

    Posted 09 May 2012 Link to this post

    Hello Mithal,

    That's one small feature we completely missed to demo and document in the official release, thanks for bringing it to our attention. Adding detail buttons in a list view is very easy, check the following sample for the different types:
    <ul data-role="listview" data-style="inset" data-type="group">
        <li>
            Default icons
            <ul>
                <li>Contact Add<a data-role="detailbutton" data-style="contactadd"></a></li>
                <li>Detail Disclose<a data-role="detailbutton" data-style="detaildisclose"></a></li>
                <li>Row Insert<a data-role="detailbutton" data-style="rowinsert"></a></li>
                <li>Row Delete<a data-role="detailbutton" data-style="rowdelete"></a></li>
            </ul>
        </li>
        <li>
            Custom icons
            <ul>
                <li>More info<a data-role="detailbutton"  data-icon="more"></a></li>
                <li>Battery level<a data-role="detailbutton"  data-icon="battery"></a></li>
            </ul>
        </li>
        <li>
            Links &amp; Detail Buttons
            <ul>
                <li><a>Row Insert</a><a data-role="detailbutton" data-style="rowinsert"></a></li>
                <li><a>Row Delete</a><a data-role="detailbutton" data-style="rowdelete"></a></li>
                <li><a>More info</a><a data-role="detailbutton"  data-icon="more"></a></li>
                <li><a>Battery Level</a><a data-role="detailbutton"  data-icon="battery"></a></li>
            </ul>
        </li>
    </ul>


    The one you're looking for is with data-style="rowdelete". We will update the examples and documentation for the service pack. I also updated your points for this.

    Kind regards,
    Kamen Bundev
    the Telerik team
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
  6. Mithal
    Mithal avatar
    6 posts
    Member since:
    Jan 2009

    Posted 10 May 2012 Link to this post

    Hi Kamen, thanks for your help.
  7. Brandon Peterson
    Brandon Peterson avatar
    47 posts
    Member since:
    May 2007

    Posted 27 Nov 2012 Link to this post

    Looks like the documentation hasn't been updated as of yet.

    http://docs.kendoui.com/api/mobile/detailbutton
    Sparse with incorrect data-role example ("detail-button" instead of "detailbutton")
    <a data-role="detail-button">Foo</a>

    http://docs.kendoui.com/getting-started/mobile/button
    No detailbutton section in getting-started/mobile

    Also, for detailbutton and button icon documentation a preview image showing all would be a great at-a-glance reference.
  8. Kamen Bundev
    Admin
    Kamen Bundev avatar
    1532 posts

    Posted 28 Nov 2012 Link to this post

    Hi Brandon,

    Thanks for noticing this. I fixed the typo and the change will be live soon.

    A preview list of all data icons is in the works and will be added in the coming weeks.

    Greetings,
    Kamen Bundev
    the Telerik team
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
  9. Brandon Peterson
    Brandon Peterson avatar
    47 posts
    Member since:
    May 2007

    Posted 28 Nov 2012 Link to this post

    Fantastic. Thank you for your responsiveness and efforts to ensure a great developer experience with Kendo.
Back to Top
Kendo UI is VS 2017 Ready