1

<i>Kendo Panel Barでの表示に問題が<span>あります。<img>

Kendo Panel Bar で Font Awesome を使用することはできますか?

表示用コード<span>

<div class="demo-section k-content">

            <h4>PanelBar with sprites</h4>

            <div id="panelbar-sprites"></div>

        </div>

        <script>
            $("#panelbar-sprites").kendoPanelBar({
                dataSource: [{
                        text: "Brazil", spriteCssClass: "brazilFlag", items: [
                            { text: "History", spriteCssClass: "historyIcon" },
                            { text: "Geography", spriteCssClass: "geographyIcon" }
                        ]
                    },
                    {
                        text: "India", spriteCssClass: "indiaFlag", items: [
                            { text: "History", spriteCssClass: "historyIcon" },
                            { text: "Geography", spriteCssClass: "geographyIcon" }
                        ]
                    },
                    {
                        text: "Netherlands", spriteCssClass: "netherlandsFlag", items: [
                            { text: "History", spriteCssClass: "historyIcon" },
                            { text: "Geography", spriteCssClass: "geographyIcon" }
                        ]
                    }]
            });
        </script>
4

1 に答える 1

1

これは、ランダム フォントの素晴らしいスプライトを使用した道場の例です。道場の例

あなたがする必要があるのは、フォントの素晴らしいcssを（ローカルまたはCDNから）インクルードし、フォントの素晴らしい命名規則を使用することです。たとえばfa fa-circle-stop、ヘッダーの一部として含まれます。

あなたが提供した例は、デモ サイトからのものだと思います。さらに下 (css 宣言セクション) を見ると、スプライト ファイルが読み込まれ、フラグの画像が絶対位置に配置されていることがわかります。

さらに情報が必要な場合は、お知らせください。

于 2016-01-22T13:15:25.760 に答える