1. Zuhause
  2. Frage und Antwort
  3. UI-Grid-Symbole Ausgabe

UI-Grid-Symbole Ausgabe

2014-10-30 10 views
30

Ich verwende AngularJs UI-Grid http://ui-grid.info/.UI-Grid-Symbole Ausgabe

Während der Implementierung, bekomme ich etwas, was Sie in der folgenden IMG in der rechten Ecke der Zelle statt Dropdown-Symbole sehen können.

enter image description here

Welche diesen Fehler, um Dateien zu lösen?

Quelle

2014-10-30 Anup

+0

wahrscheinlicher einige Schriftarten Dateien fehlen Konsole auf Fehler überprüfen – sylwester

Antwort

32

Sie müssen die Schriftart-Dateien zum Download:

  • ui-grid.woff
  • ui-grid.eot
  • ui-grid.svg
  • ui-grid.ttf

von here. Und bewege sie dahin, wo dein ui-grid.min.css lebt.

Quelle

2014-10-30 12:31:44

+0

Ich habe .woff & .tff Dateien & enthalten sie von ''

5

Bitte geben Sie CSS-Datei ui-Gitter auf diese Weise

<link rel="stylesheet" href="/release/ui-grid-unstable.css">

und ommit das Skript-Tag aus dem Autoren Tutorial oder Api

<script src="/release/ui-grid-unstable.css"></script>

für zB (http://ui-grid.info/docs/#/tutorial/102_sorting)

Quelle

2014-12-04 12:46:53 Felix

+0

Dies löste das Problem. – Nitij

1

Eine andere Möglichkeit, das Problem zu lösen, ist die CSS-Klasse ändern, wie

.ui-grid-icon-down-dir:before { 
    content: '\25bc'; 
} 
.ui-grid-icon-up-dir:before { 
    content: '\25b2'; 
} 

.ui-grid-selection-row-header-buttons.ui-grid-row-selected:before{ 
    content:'\2714' !important; 
} 
.ui-grid-all-selected:before{ 
    content:'\2714' !important; 
}

Quelle

2016-08-17 11:42:54 Yogesh

4

folgt würde ich nur this answer (von panciz wörtlich gestohlen) hinzufügen, für die Leute Grunt verwenden, die diese automatisch kopiert haben möchte . Dies muss in Ihrem Gruntfile.js platziert werden:

copy: { 
     dist: { 
     files: [ 
      ... 
     //font di ui grid 
     { 
       expand: true, 
       flatten: true, 
       dest: 'dist/styles/', 
       src: ['bower_components/angular-ui-grid/ui-grid.ttf', 
        'bower_components/angular-ui-grid/ui-grid.woff', 
        'bower_components/angular-ui-grid/ui-grid.eot', 
        'bower_components/angular-ui-grid/ui-grid.svg' 
        ] 
      } 
    ]},

Quelle

2016-09-15 02:46:53

0

Wenn Sie gulp verwenden, um diese Aufgabe hinzufügen.

gulp.task('styles', function() { 

    // Copy font files needed for angular-ui-grid 
    gulp.src(['bower_components/angular-ui-grid/ui-grid.ttf', 
    'bower_components/angular-ui-grid/ui-grid.woff', 
    'bower_components/angular-ui-grid/ui-grid.eot', 
    'bower_components/angular-ui-grid/ui-grid.svg' 
    ]) 
    .pipe(gulp.dest('dist/styles/')) 

    // Other style tasks here 

});

Quelle

2016-09-20 14:38:19 Matt

1

Versuchen in einem Projekt gehören:

<link rel="stylesheet" type="text/css" href="https://cdn.rawgit.com/angular-ui/bower-ui-grid/master/ui-grid.min.css"> 

<script src="https://cdn.rawgit.com/angular-ui/bower-ui-grid/master/ui-grid.min.js"></script>

Quelle

2016-11-29 09:25:33

Verwandte Themen

 Verwandte Themen