Bootstrap's Glyphicons not loaded

cool

In the browser I encounter these errors:


GET http://localhost:4567/fonts/glyphicons-halflings-regular.woff2 net::ERR_ABORTED

GET http://localhost:4567/fonts/glyphicons-halflings-regular.woff net::ERR_ABORTED

GET http://localhost:4567/fonts/glyphicons-halflings-regular.ttf net::ERR_ABORTED

And therefore the NodeBB does not show up the appropriate Paging, Sorting etc. icons properly.. only the weird square boxes are displayed in my custom plugin HTML page.

How can I overcome this error?

In the browser's network tab, it reports the 404 (not found) error.

PitaJ

You can use font-awesome icons instead. They're just like glyphicons.

cool

But I am not using the glyphicons explicitly. The third party jqGrid library that I have been using in my plugin is referring to those icons somewhere in its code instead.

cool

What shall I do now? Pl. give an idea.

cool

How can I explicitly load these font files.. can I use the staticDirs property? If yes, can anybody write an example for the same? Thanks

PitaJ

You might try checking this stackoverflow thread for help: https://stackoverflow.com/questions/20151921/jqgridfont-awesome-icons

cool

Yes Pita .. I have just checked it. I am looking for the Font Awesome JS files that supports the latest jqGrid version.

PitaJ

You probably want to try these two:

http://www.ok-soft-gmbh.com/jqGrid/jquery.jqGrid-4.6.0/plugins/jQuery.jqGrid.fontAwesome4.js

http://www.ok-soft-gmbh.com/jqGrid/jquery.jqGrid-4.6.0/plugins/jQuery.jqGrid.checkboxFontAwesome4.js

Edit: and these CSS files

http://www.ok-soft-gmbh.com/jqGrid/jquery.jqGrid-4.6.0/plugins/jQuery.jqGrid.fontAwesome4.css

http://www.ok-soft-gmbh.com/jqGrid/jquery.jqGrid-4.6.0/plugins/jQuery.jqGrid.bootstrap-fixes.css

PitaJ

Also, there's this nice website: https://jspreadsheets.com/

You might try something that doesn't depend on jQuery, might make things easier.

cool

Thanks Pita. I will try other options.