Bootstrap flat-ui glyphs not displaying correctly - twitter-bootstrap-3

I'm using bootstrap with flat-ui. Glyphs is displaying correctly if bootstrap and flat-ui files are on the same directory as the site. But when I transfer these files to a different directory and just point the files there from the site (with a different directory), the glyphs are just displaying "E024".
site directory:
/var/www/html/tn
bootstrap/flat-ui directory:
/var/www/html/fui
I have read this Bootstrap 3 unable to display glyphicon properly
Actually the glyphs are displaying correctly on other browsers other than firefox in win7.
but that didn't help. any idea?

I had the same issue with Firefox. In my case, I was loading a bootstrap 3 based HTML5 web application from the local file system, not from a web server. Apparently Firefox has security settings with this and local fonts - see this other answer:
CSS #font-face not working with Firefox, but working with Chrome and IE
In short, for me I was able to fix this in Firefox by changing the preference security.fileuri.strict_origin_policy to false.

Related

VSCode - Browser Preview Set Project Root?

How are people setting up live browser preview of PHP pages in VSCode? I have multiple projects with local testing server/web roots like:
http://127.0.0.1/project1/
http://127.0.0.1/project2/
http://127.0.0.1/project2/
etc.....
I just want to simplify previewing dynamic pages for each project - does VSCode support this natively or does it require an extension?

Drupal CSS Aggregation breaks theme on Production

I am working on Bootstrap theme on Drupal 7. The site works fine, but when I activate CSS aggregation all theming breaks down on Production, In local environment css aggregation works fine. On local environment aggregated files are getting creating in /sites/default/files/css. On server I have given 777 permission to css folder.
Does anyone have any idea where to look?
Thanks

Why mozilla plugins and xulrunner being used by WebKitGTK?

I've got a simple application using WebKitGTK 1.6.0 that simply displays a webpage in a window.
When I browse a page using it that contains an Ogg/Theora video and HTML5 video element it appears this simple application is using some mozilla plugins and even xulrunner. Can somebody tell me why this is?
Here is a list of files open by the program using lsof.
I built WebKitGTK 1.6.0 and most of it's dependencies from source including gstreamer-0.10 and the gstreamer plugins. No where do I recall configuring WebKitGTK to using any mozilla plugins or xulrunner.
What might be causing the mozilla plugins, libtotem and xulrunner to be loaded? I provided the link to the files the application is using in hopes that it might provide a clue.
Lol, found the reason. I have FireFox, totem and totem-mozplugin installed on my system. Once I removed totem and totem-mozplugin, WebKitGTK used the appropriate Gstreamer plugins to render the video and audio.

Dragonfly - Uploaded images not displayed

I am using dragonfly with jruby and apache tomcat to upload images. I am trying to display images that i am uplaoding dynamically using profile_picture.thumb('30x30#').url
When I run the app using ruby on rails, the images are shown properly. But when I run it using apache tomcat, the images are not displayed.
I think as we deploy war file in jruby, the convention profile_picture.thumb('30x30#').url is not working here. I also tried to use match '/media(/:dragonfly)', :to => Dragonfly[:images] in my routes, but was of no use.
I do not get error, but in web page some code is displayed like
"BAhbB1sHOgZmSSIpMjAxMy8wMS8wOS8xMl8xNl80NF83MDNfUGVuZ3VpbnMuanBnBjoGRVRbCDoGcDoKdGh1bWJJIgszMHgzMCMGOwZU"
in page source code i got the path as,
/media/BAhbB1sHOgZmSSIpMjAxMy8wMS8wOS8xMl8xNl80NF83MDNfUGVuZ3VpbnMuanBnBjoGRVRbCDoGcDoKdGh1bWJJIgszMHgzMCMGOwZU
Please help me to know the proper way to display images uploaded using dragonfly in jruby using apache tomcat.
I faced a similar issue. In my case, I tried typing the url in the address bar which gave me a stack trace saying the convert command failed with status 127. Fixed the issue by installing ImageMagick on the machine. I had forgotten to install ImageMagick on the production.

How to create firefox3 sidebar?

Hi I want to create sidebar in Firefox 3 but have no clue how to do this.
I find tutorial on MDC (https://developer.mozilla.org/en/Creating_a_Firefox_sidebar) but after installation extension do not work with "not compatible with Firefox 3.0.3" error.
Does anybody have any tip or link to some resource about how to make sidebar?
Well, a Firefox extension, be it a sidebar, toolbar or whatever other type of extension is basically a mix of XUL and Javascript, all packaged nice and tidy into an installer package called an XPI.
For an excelent XUL tutorial see http://xulplanet.mozdev.org/tutorials/xultu/.
For information about building extensions and the package format see https://developer.mozilla.org/en/Building_an_Extension.
For a sidebar you basically have to override the browser's sidebar area by using an overlay. For good overlay information check out MDC and the excerpt at http://www.oreillynet.com/pub/a/mozilla/excerpt/FirefoxHacks_chap01/.
All you need except the links above is knowledge of XML, some Javascript and a creative mind.
To fix the problem you faced above, you have to specify the correct version of Firefox in the install.rdf file. For Firefox 3 set maxVersion to:
<em:maxVersion>3.*</em:maxVersion>