Minus data-icon for button

[Mithal]

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

[Iliana Dyankova]

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:

• http://www.kendoui.com//forums/mobile/tabstrip/custom-icons.aspx 
• http://www.kendoui.com/forums/mobile/tabstrip/format-for-custom-icons.aspx 

 

Kind regards,
Iliana Nikolova
the Telerik team

[Mithal]

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

Thanks

[Kamen Bundev]

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

[Mithal]

Hi Kamen, thanks for your help.

[Brandon Peterson]

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.

[Kamen Bundev]

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

[Brandon Peterson]

Fantastic. Thank you for your responsiveness and efforts to ensure a great developer experience with Kendo.