Настройка значков для вкладок вкладки kendo ui вместо текста?

Question

Я хочу просто отобразить значок вместо того, чтобы использовать текст на вкладках tabstrip (заголовки вкладки, а не содержимое, которое появляется при нажатии вкладки).

У меня есть этот TabStrip:

$('#filterTabStrip').kendoTabStrip({ 
         //animation: false, 
         collapsible: true, 
         dataTextField: 'text', 
         dataImageUrlField: 'imageUrl', 
         dataContentField: 'content', 
         dataSource: [ 
          { 
           text: 'Users', 
           //imageUrl: $('#user_tab_image').html(), 
           content: $('#user_filter_template').html() 
          }, 
          { 
           text: 'Location', 
           //imageUrl: '{!URLFOR($Resource.slds, "slds-master/assets/icons/utility-sprite/svg/symbols.svg#location")}' 
           content: $('#location_filter_template').html() 
          }, 
          { 
           text: 'Description', 
           //imageUrl: '{!URLFOR($Resource.slds, "slds-master/assets/icons/action-sprite/svg/symbols.svg#description")}' 
           content: $('#description_filter_template').html() 
          }, 
          { 
           text: 'Type', 
           //imageUrl: '{!URLFOR($Resource.slds, "slds-master/assets/icons/utility-sprite/svg/symbols.svg#picklist")}' 
           content: $('#type_filter_template').html() 
          }, 
          { 
           text: 'Custom', 
           //imageUrl: '{!URLFOR($Resource.slds, "slds-master/assets/icons/utility-sprite/svg/symbols.svg#apps")}' 
           content: $('#user_filter_template').html() 
          } 
         ] 
        }); 

Я попытался использовать статический URL ресурса, а также настройки изображения SVG в шаблоне HTML, а затем установить ImageUrl на этот шаблон, но это не сработало или.

Я надеюсь, что это возможно. Спасибо за любую помощь.

Answer 1

Возможно, вы можете попробовать получить пустой текст для dataTextField и предоставить imageUrl значка, который должен отображаться. Нечто похожее на this может помочь!