PDA

View Full Version : Glyph + iconCls are not working



adossaji
6 Jul 2015, 7:50 AM
Hey all,

I am using 'icon tabs' on my application but the glyphs are not showing up as icons, but they are showing up as Letters.




Ext.define('CPT.view.Navigation', {
extend: 'Ext.tab.Panel',
xtype: 'navigation',


requires: [


'Ext.container.Container',


'CPT.view.request.TicketList',


'CPT.view.status.TicketList',
'CPT.view.status.ParkingList',
'CPT.view.status.Status',


'CPT.view.approval.Approval',


'CPT.view.seatassign.SeatAssign',


'CPT.view.lotassign.LotAssign',


'CPT.view.admin.Admin',


'CPT.view.profile.Profile',


'CPT.view.Banner',


'CPT.view.dataview.MultiSort'


],


title: '',
margin: '0 0 20 0',


items: [{
title: 'Home',
glyph: 72,
// The following grid shares a store with the classic version's grid as well!
items: [{
xtype: 'status'
}]
}, {
title: 'Requests',
icon: null,
glyph: 109,
items: [{
xtype: 'ticketrequestlist'
}]
}, {
title: 'Approvals',
glyph: 74,
items: [{
xtype: 'approval'
}]
}, {
title: 'Seat Assignment',
glyph: 75,
items: [{
xtype: 'seatassign'
}]
}, {
title: 'Lot Assignment',
glyph: 73,
items: [{
xtype: 'lotassign'
}]
}, {
title: 'Reports',
glyph: 73,
items: [{
xtype: 'dataview-multisort'
}]
}, {
title: 'Admin',
glyph: 73,
items: [{
xtype: 'admin'
}]
}, {
title: 'Profile',
glyph: 73,
items: [{
xtype: 'profile'
}]
}]


});




Here is a screenshot of how the navigation bar looks.

Gary Schlosberg
6 Jul 2015, 8:47 AM
Thanks for the report. Can you please post a test case which reproduces this issue?
https://fiddle.sencha.com/#home

jgrocha
16 Feb 2016, 8:11 AM
Same here. In the dashboard example, if I add a panel with tbar, the glyphs are rendered as letters. Alternative: change glyph to iconCls. Example:


{
xtype: 'splitbutton',
text: 'Cut',
//glyph: 67,
iconCls: 'x-fa fa-cut',
menu: [{
text: 'Cut Menu Item'
}]
}

Gary Schlosberg
18 Feb 2016, 4:08 PM
Are you talking about this example?
http://examples.sencha.com/extjs/6.0.1/examples/admin-dashboard/#dashboard

Are you able to recreate this issue in a test case?
https://fiddle.sencha.com/#home