AppGini Community Forums

Hi

I have noticed that as an admin the header bar with the "Admin" button has a small square showing instead of a spanner? I have tried US Ascii / Western etc to see if that helps - but that does not make any difference?
Any thoughts please?

Thanks

Adz1111

The admin icon, and many other icons, are retrieved from the font files stored in "resources/initializr/fonts" inside the folder containing your generated application files. Please make sure you have uploaded all the generated files, including this folder and its contents to your server.

Hi

I have AppGini write the generated files directly to the WAMP sub directory containing my "app" - and it's set to overwrite all. When I compare the folder you refer to between the AppGini program files and the web folder they are the same. Both contain:
I then had a thought. I use Chrome as my main browser. I thought I'd check it out in IE - and low and behold the spanner icon appears - so it looks like something to do with it not rendering properly in Chrome !

Regards
adz1111

Hmm ... tried it now in Chrome to check it and it displayed correctly, using latest version of Chrome.

Ok - I'm using Version 33.0.1750.154 m of Chrome.

No biggie at the end of the day - just strange as all other icons appear ok.

Thanks for looking anyways.

adz1111

I am having the same problem, just the "wrench" icon not showing.
I am using Chrome 34.0.1847.131 on Windows 8.
No issue when viewing in IE / Firefox.

W

I'm going to guess you are using the "compact" bootstrap theme.

If that is the case, the problem is within bootstrap_compact.css which you'll find in /resources/initializr/css

Line 2671 you'll see:
.glyphicon-wrench:before {
content: "\1f527";
}

You'll find that "\1f527" doesn't correspond to the wrench glyphicon for that theme (it does in some other Bootstrap themes).

Edit as follows and the wrench will hopefully appear for you:
.glyphicon-wrench:before {
content: "e136";
}

Hope that helps.

A little more research and I see it relates to an encoding issue in some browsers/devices:

https://github.com/twbs/bootstrap/issues/10106
http://stackoverflow.com/questions/1941 ... android-we

The above edit does solve the issue though or it did in my case at least.

Correcting bootstrap_compact.css line 2672 does not work for me. After changed to \e136, IE and Firefox display E136

Here's what I have done:
1. download the latest bootstrap 3.1.1 from http://getbootstrap.com/
2. unzip, copy and replace existing .js file(s) in \AppGini 5.23\files\resources\initializr\js\vendor\
- bootstrap.js
- bootstrap.min.js

3. From the unzip file, copy and replace font files in \AppGini 5.23\files\resources\initializr\fonts
- glyphicons-halflings-regular.eot
- glyphicons-halflings-regular.svg
- glyphicons-halflings-regular.ttf
- glyphicons-halflings-regular.woff

4. Open appgini project and regenerate all files.

Now, Chrome shows the correct icon, IE shows no icon, Firefox shows E136.

Weoi

Just noticed I am getting the same on mine too.

Daniel