7
मैं अपने ऐप में ExtJS के साथ FontAwesome का उपयोग कर रहा हूं।फ़ॉन्ट-विस्मयकारी ExtJS ActionColumn
सभी अन्य बटन फ़ॉन्ट भयानक के साथ ठीक काम कर रहा है जब मैं यह कर रहे हैं:
iconCls: 'fa fa-edit'
उदाहरण के लिए।
लेकिन जब कार्रवाई क्रिया में एक ही कॉन्फ़िगरेशन का उपयोग करते हैं (घटक जो आपको ग्रिड पर पु बटन करने की अनुमति देता है) आइकन बस प्रकट नहीं होता है।
क्या किसी को पता है क्यों? ?
संपादित
@qdev जवाब की कोशिश के बाद: मैं बस एक # f040 दिखाई दे रही है; पाठ प्रस्तुत (नीले रंग में)।
कार्रवाई स्तंभ बटन के लिए उत्पन्न HTML:
<span data-qtip="Edita registro" style="font-family:FontAwesome" class="x-action-col-icon x-action-col-glyph x-action-col-2 " title="" role="button">�xf040;</span>
सीएसएस (firebuh निरीक्षक से लिया):
element.style {
font-family: FontAwesome;
}
*, *:before, *:after {
box-sizing: border-box;
}
*, *:before, *:after {
box-sizing: border-box;
}
.x-action-col-icon {
cursor: pointer;
height: 16px;
width: 16px;
}
.x-border-box, .x-border-box * {
box-sizing: border-box;
}
.x-action-col-glyph {
color: #9bc8e9;
font-size: 16px;
line-height: 16px;
width: 20px;
}
*, *:before, *:after {
box-sizing: border-box;
}
element.style {
text-align: center;
}
.x-grid-cell-inner-action-col {
font-size: 0;
line-height: 0;
}
.x-grid-cell-inner {
white-space: nowrap;
}
.x-grid-cell {
font: 11px/13px tahoma,arial,verdana,sans-serif;
}
.x-unselectable {
cursor: default;
}
.x-grid-table {
border-collapse: separate;
}
.x-unselectable {
cursor: default;
}
.x-panel-body-default {
color: black;
font-size: 12px;
}
.x-panel-body-default {
color: black;
font-size: 12px;
}
.x-panel-body-default {
color: black;
font-size: 12px;
}
.x-panel-body-default {
color: black;
font-size: 12px;
}
.x-panel-body-default {
color: black;
font-size: 12px;
}
.x-panel-body-default {
color: black;
font-size: 12px;
}
.x-body {
color: black;
font-family: tahoma,arial,verdana,sans-serif;
font-size: 12px;
}
body {
color: #222222;
cursor: default;
font-family: "Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;
font-style: normal;
font-weight: normal;
line-height: 150%;
}
html, body {
font-size: 100%;
}
html, body {
font-size: 100%;
}
मैं छुट्टी का दिन पर हूँ। सोमवार मैं इसमें देखूंगा और आपको कुछ फीडबैक प्राप्त करूंगा। धन्यवाद। – lcguida
ठीक है, सोमवार को पारित किया गया, क्या आपको इसका परीक्षण करने का मौका मिला? मैं उत्सुक था;) – qdev
क्षमा करें। केवल आज ही इसका परीक्षण कर सकता है। मुझे आइकन नहीं मिल रहा है, लेकिन एक? X0f40; इसके बजाय पाठ। मैं इसे FontAwesome का उपयोग कर फ़ॉन्ट के रूप में देख सकता हूं। लेकिन आइकन प्रस्तुत नहीं कर रहा है। (से मेरा अद्यतन प्रश्न) – lcguida