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

Minus data-icon for button

7 Answers 333 Views
Button (Mobile)
This is a migrated thread and some comments may be shown as answers.
Mithal
Top achievements
Rank 1
Mithal asked on 03 May 2012, 02:27 PM
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

7 Answers, 1 is accepted

Sort by
0
Iliana Dyankova
Telerik team
answered on 04 May 2012, 04:27 PM
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!
0
Mithal
Top achievements
Rank 1
answered on 07 May 2012, 06:35 AM
Hi Iliana, please see the attached images for what i am looking for.

Thanks
0
Accepted
Kamen Bundev
Telerik team
answered on 09 May 2012, 09:51 AM
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!
0
Mithal
Top achievements
Rank 1
answered on 10 May 2012, 09:56 AM
Hi Kamen, thanks for your help.
0
Brandon Peterson
Top achievements
Rank 2
answered on 28 Nov 2012, 02:52 AM
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.
0
Kamen Bundev
Telerik team
answered on 28 Nov 2012, 08:38 AM
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!
0
Brandon Peterson
Top achievements
Rank 2
answered on 28 Nov 2012, 07:29 PM
Fantastic. Thank you for your responsiveness and efforts to ensure a great developer experience with Kendo.
Tags
Button (Mobile)
Asked by
Mithal
Top achievements
Rank 1
Answers by
Iliana Dyankova
Telerik team
Mithal
Top achievements
Rank 1
Kamen Bundev
Telerik team
Brandon Peterson
Top achievements
Rank 2
Share this question
or