Hi,
I would like to change the icon of a tabstrip element programmatically.
I have done some research and found this link:
http://www.kendoui.com/forums/mobile/listview/mobile-change-listview-data-icon.aspx
However, when I try to apply it, it does not work.
My code is as follow:
var oldIcon = $('#messageViewLink').attr('data-icon');
var newIcon = 'home';
$('#messageViewLink').attr('data-icon', newIcon);
$('#messageViewLink').find('.km-icon').addClass('km-' + newIcon).removeClass('km-' + oldIcon);
More importantly, the following three statements return false:
alert($('#messageViewLink').hasClass('km-icon'));
alert($('#messageViewLink').hasClass('km-'+newIcon));
alert($('#messageViewLink').hasClass('km-'+oldIcon));
Please help. Thanks.
BR,
Ralph
I would like to change the icon of a tabstrip element programmatically.
I have done some research and found this link:
http://www.kendoui.com/forums/mobile/listview/mobile-change-listview-data-icon.aspx
However, when I try to apply it, it does not work.
My code is as follow:
var oldIcon = $('#messageViewLink').attr('data-icon');
var newIcon = 'home';
$('#messageViewLink').attr('data-icon', newIcon);
$('#messageViewLink').find('.km-icon').addClass('km-' + newIcon).removeClass('km-' + oldIcon);
More importantly, the following three statements return false:
alert($('#messageViewLink').hasClass('km-icon'));
alert($('#messageViewLink').hasClass('km-'+newIcon));
alert($('#messageViewLink').hasClass('km-'+oldIcon));
Please help. Thanks.
BR,
Ralph