簡體   English   中英

將圖標設置為kendo ui選項卡選項卡而不是文本?

[英]Setting icons to kendo ui tabstrip tabs instead of text?

我只想顯示一個圖標,而不是在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以及在html模板中設置svg圖像,然后將imageURL設置為該模板,但這也不起作用。

我希望這是可能的。 感謝您的任何幫助。

您可能會嘗試為dataTextField留空文本,並提供需要顯示的圖標的imageUrl。 此類似的東西可能會有所幫助!

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM