Top Menu

Jump to content
Home
    • Projects
    • Work packages
    • News
    • Getting started
    • Introduction video
      Welcome to OpenProject Community
      Get a quick overview of project management and team collaboration with OpenProject. You can restart this video from the help menu.

    • Help and support
    • User guides
    • Videos
    • Shortcuts
    • Community forum
    • Professional support

    • Additional resources
    • Data privacy and security policy
    • Digital accessibility (DE)
    • OpenProject website
    • Security alerts / Newsletter
    • OpenProject blog
    • Release notes
    • Report a bug
    • Development roadmap
    • Add and edit translations
    • API documentation
  • Sign in
      Forgot your password?
      Create a new account

      or sign in with your existing account

      Google

Side Menu

  • Overview
  • Activity
  • Roadmap
  • Work packages
  • Calendars
  • Team planners
  • Boards
  • Forums
  • Wiki
    • Table of contents
      • Expanded. Click to collapseCollapsed. Click to showDeveloper
        • Hierarchy leafAccessibility Checklist
        • Hierarchy leafCode Review Guidelines
        • Expanded. Click to collapseCollapsed. Click to showContribution
          • Hierarchy leafGit Workflow
          • Hierarchy leafTranslations
        • Expanded. Click to collapseCollapsed. Click to showDeveloping Plugins
          • Hierarchy leafDeveloping an OmniAuth Authentication Plugin
        • Hierarchy leafRelease Process
        • Hierarchy leafReport a bug
        • Hierarchy leafSecurity
        • Hierarchy leafSetting up an OpenLDAP server for testing
        • Hierarchy leafTheme Features
      • Hierarchy leafDownload
      • Expanded. Click to collapseCollapsed. Click to showFeature tour
        • Hierarchy leafRelease Notes OpenProject 30
        • Expanded. Click to collapseCollapsed. Click to showRelease Notes OpenProject 30 - Overview
          • Hierarchy leafGlossary
          • Hierarchy leafRelease Notes - Accessibility
          • Hierarchy leafRelease Notes - Accessibility changes
          • Hierarchy leafRelease Notes - Add work package queries as menu items to sidebar
          • Hierarchy leafRelease Notes - Copy projects based on Templates
          • Hierarchy leafRelease Notes - Design changes
          • Hierarchy leafRelease Notes - Fixed Bugs
          • Hierarchy leafRelease Notes - Keyboard Shortcuts
          • Hierarchy leafRelease Notes - Project settings
          • Hierarchy leafRelease Notes - Ruby&Rails Update
          • Hierarchy leafRelease Notes - Security
          • Hierarchy leafRelease Notes - Timelines
          • Hierarchy leafRelease Notes - Work packages
      • Hierarchy leafHowto create animated gifs
      • Hierarchy leafMigration Squashing
      • Hierarchy leafMod security
      • Hierarchy leafNew work package page
      • Hierarchy leafOP3 to OP4 Debian upgrade
      • Hierarchy leafOP4 Ubuntu1404 Stable with MySQL in production
      • Hierarchy leafOpenProject 40 Development Setup
      • Expanded. Click to collapseCollapsed. Click to showOpenProject Foundation
        • Hierarchy leafBoards
        • Hierarchy leafMembers
        • Hierarchy leafOPF-Meetings
        • Hierarchy leafStatutes
      • Expanded. Click to collapseCollapsed. Click to showRelease Notes
        • Hierarchy leafOpenProject released on Bitnami
      • Expanded. Click to collapseCollapsed. Click to showRelease Notes OpenProject 40 - Overview
        • Hierarchy leafRelease Notes OpenProject 40 - Accessibility improvements
        • Hierarchy leafRelease Notes OpenProject 40 - Column header functions in work package table
        • Hierarchy leafRelease Notes OpenProject 40 - Improved Design
        • Hierarchy leafRelease Notes OpenProject 40 - Integrated query title on work package page
        • Hierarchy leafRelease Notes OpenProject 40 - Integrated toolbar on work package page
        • Hierarchy leafRelease Notes OpenProject 40 - OmniAuth integration for OpenProject
        • Hierarchy leafRelease Notes OpenProject 40 - Work package details pane
      • Expanded. Click to collapseCollapsed. Click to showSecurity and privacy
        • Hierarchy leafFAQ
      • Expanded. Click to collapseCollapsed. Click to showSupport
        • Expanded. Click to collapseCollapsed. Click to showDownload and Installation
          • Hierarchy leafInstallation MacOS
          • Expanded. Click to collapseCollapsed. Click to showInstallation OpenProject 3 0
            • Hierarchy leafDebian Stable with MySQL in production
            • Hierarchy leafInstallation Ubuntu
            • Hierarchy leafInstallation Windows
            • Hierarchy leafInstallation on Centos 65 x64 with Apache and PostgreSQL 93
          • Expanded. Click to collapseCollapsed. Click to showInstallation OpenProject 40
            • Hierarchy leafOP4 Debian Stable with MySQL in production
          • Expanded. Click to collapseCollapsed. Click to showMigration paths
            • Hierarchy leafFrom Chilliproject to OpenProject
            • Hierarchy leafMigration 15 to 30
            • Hierarchy leafMigration 24 to 30
            • Hierarchy leafMigration Redmine 2x › OpenProject 30
            • Hierarchy leafOpenProject 3 Migration
          • Hierarchy leafOpenProject 40
        • Expanded. Click to collapseCollapsed. Click to showNews
          • Hierarchy leafNew OpenProject Translations Plugin
          • Hierarchy leafNew Plugin on OpenProjectorg Local Avatars
          • Hierarchy leafNew design for OpenProject
          • Hierarchy leafNews Accessibility workshop for OpenProject
          • Hierarchy leafNews Glossary for OpenProject
          • Hierarchy leafNews Heartbleed fixed
          • Hierarchy leafNews Icon Fonts
          • Hierarchy leafNews OpenProject 30 Release
          • Hierarchy leafNews Release GitHub Integration Plugin
          • Hierarchy leafNews Success Story Deutsche Telekom
          • Hierarchy leafNews Timelines
          • Hierarchy leafOpenProject 3013 released
          • Hierarchy leafOpenProject 3017 released
          • Hierarchy leafOpenProject 40 released
          • Hierarchy leafOpenProject 40 will be coming soon
          • Hierarchy leafOpenProject 405 released
          • Hierarchy leafOpenProject and pkgrio
          • Hierarchy leafOpenProject news moved to a new blog
          • Hierarchy leafOpenProjectBitnami
          • Hierarchy leafPackager version with plugins released ("Community edition")
          • Hierarchy leafRegistration OpenProject-Foundation
          • Hierarchy leafRelease OpenProject AuthPlugins
          • Hierarchy leafUpdates on OpenProject
          • Hierarchy leafWe need your feedback for the the new fullscreen view for work packages
        • Hierarchy leafOpenProject Plug-Ins
      • Expanded. Click to collapseCollapsed. Click to showWiki
        • Hierarchy leaf2nd Level Support
You are here:
  • Forums
  • General discussion

Content

Strange icons in menues et alt.

Added by Fritz Müller over 8 years ago

After having installed OP finally everything works fine so far.
But on the left menue the icons left of the text (Overview, Activity, Roadmap, et. alt.) and also in the contents area on the right (text formating for instance) there do not appear those tiny litte icons but some characters from various character sets like arabian, symbol and so on.

I checked database character encoding: utf-8.

I did not see any possibilities to change anything in the admin area.

Any hints how I can change those symbols to icons?

Regards,
Fritz


Replies (20)

RE: Strange icons in menues et alt. - Added by Christian Ratz over 8 years ago

Hello Fritz,

the icons are not stored in the database and you can’t configure them in the admin area. We use an icon font together with CSS.
There are a lot of possible causes:

1. Your browser don’t load the icon font or a plugin prevents this
2. Your browser has older version in the chache (try to reload the page by pressing ‘shift’ or clear the cache)
3. In production mode it is possible that you have old assest (try to precompile the assets again and check 4. before)
4. In development mode: you have outdated sass-cache (go to your OpenProject root folder and remove this folder ‘tmp/sass-cache’)

Best
Ratzi

RE: Strange icons in menues et alt. - Added by Fritz Müller over 8 years ago

Hi Christian,

checked everything: sorry but nothing changed.
any other hints?

Regards,
Fritz

RE: Strange icons in menues et alt. - Added by Christian Ratz over 8 years ago

Hello Fritz,

sorry for the late reply!

The problem still exists?

Best
Ratzi

RE: Strange icons in menues et alt. - Added by Daniel Quisbert over 8 years ago

Greetings dear,
I have the same problem and the problem continues, there are other suggestions?

RE: Strange icons in menues et alt. - Added by Brendan Dunn over 8 years ago

Hi

There should be an error generated by the web server
If you are just running the rails server from the prompt, then you should see the error on the screen
If you are running apache, then it will be in the error log (on ubuntu it is i /var/log/apache2/error.log)
I have seen this behavior and the error is something like

ActionController::RoutingError (No route matches [GET] "/assets/lato/Lato-Bol-webfont-1b7823a87a7484b2032ae327aba22fe1.woff")

mindyou, I have not fixed my issues
precompilingthe assets did not fix it

rake assets:precompile

I have to look at the file permissions next as the files exist in the correct locations and then check my rails and ruby installs.

Are you running more than one ruby app ?
My issue arose when I install a newer rails app on the same server.

Brendan

RE: RE: Strange icons in menues et alt. - Added by Fritz Müller over 8 years ago

Hello Brendan,

rereading the log file for apache2 I found the same error messages. Must check whether those files are in place and what permissions are set. As I don’t know what permissions are required exactly I can only compare them to those for other files in this directory and neighbouring ones.

Openproject is my only ruby app.

Regards,
Fritz

RE: Strange icons in menues et alt. - Added by Fritz Müller over 8 years ago

Checked logs, found this:
File does not exist: /var/www/assets, referer: https://www.kesslar.de/openproject/assets/default-773d837fcc9a030dbf69a99edc886d64.css
So I think that it is a path problem because /var/www/assets does not exit obviously and path to openproject is not under /var/www/…
So this might be an apache2 problem? But on the other hand everything except those fonts is found under the path for openproject.

Perhaps this information helps a bit more.

Regards,
Fritz

RE: Strange icons in menues et alt. - Added by Brendan Dunn over 8 years ago

Hi Fritz

It depends
The path issue can be caused by issues between your production setup and your development setup.
I fixed my issue by correctly installing my development environment.
The routes for production expect pre-compiled assets, like "/var/www/openproject/assets
which is the root directory of apache and most likely the root you have set up
Can you confirm your apache set up
is openproject the root or is it a sub directory ?
Are you running production and if so, did you precompile your assets running

RAILS_ENV=production  rake assets:precompile 

The fact that the file does not exist sounds like the assets need to pre-coompiled.

Cheers
Brendan

RE: RE: Strange icons in menues et alt. - Added by Fritz Müller over 8 years ago

Hi Brendan,

I went through the debian installation guide when i installed OP. But I don’t know at what point I pre-compiled any develpoment setup nor how to reach it now. Until today I supposed that I only run a single instance called “production environment”. Same thing with any testing environment. I just did a
RAILS_ENV="production" rake assets:precompile
(doublequoting “production”).

When the fonts problem accurred I did this several times. Should I pre-compile without setting any RAILS_ENV? I’ll try it again this evening.

Regards,
Fritz

RE: RE: RE: Strange icons in menues et alt. - Added by Fritz Müller over 8 years ago

Right,
I did a precopile for development
RAILS_ENV=development rake assets:precompile

and afterwards a precompile of production
RAILS_ENV=production rake assets:precompile

Still no luck: no icons, just scratched pixels.

Any more hints?

Regards,
Fritz

RE: Strange icons in menues et alt. - Added by Brendan Dunn over 8 years ago

Hi

Are you still getting the same error in the apache log file ?

File does not exist: /var/www/assets, referer: https://www.kesslar.de/openproject/assets/default-773d837fcc9a030dbf69a99edc886d64.css

The precompile command should add the style sheets and images to the root directory of the web site under the assets directory. That means the “file does not exit” error
should go away. If it does not then there is something wrong with the rails settings. While I am not an expert in the routes and how rails wants CSS files manage, you could look at this in a bit more detail. The fact that the CSS file is called “default” is not usual and find out if you have this stylesheet in your project.

RE: Strange icons in menues et alt. - Added by Fritz Müller over 8 years ago

Hi Brendan,

the files in question are in place under /home/openproject/*. Apache2 config finds everything there - except those fonts.
I am also not much into ruby and rails. So I leave it the way it is now. As I am already in production mode and working with real data I would be rather reluctant to change everything once more - icluding a new installation.

Regards,
Fritz

RE: Strange icons in menues et alt. - Added by Brendan Dunn over 8 years ago

Hi Fritz

Is the error message still the same ?

RE: Strange icons in menues et alt. - Added by Brendan Dunn over 8 years ago

Hi

I have also found that the passenger setup can cause this issue

you can test passenger issues by stopping apache

sudo service apache2 stop

resetting config.serve_static_assets

sudo nano /home/openproject/openproject/config/environments/production.rb

and changing config.serve_static_assets to true

config.serve_static_assets = true

running the rails server

RAILS_ENV=production bundle exec rails server 

and seeing if the icons reappear on port 3000
http//:localhost:3000

RE: Strange icons in menues et alt. - Added by Fritz Müller over 8 years ago

Hi Brendan,

testing the way you suppose is a bit complicated: my OP installation runs on a hosted root server where I use cli only. Just to test this I would have to install something like vncserver and open port 3000 by the firewall.

Meanwhile I tried to re-precompile the whole assets directory. Deleted the old one and built everything new. Even changed permission for this dir to 777. Nothing - no icons.

I checked apache2 conf again: my DocumentRoot does NOT point to RAILS_APP directory (I have got a separate virtual hosts file for OP). Is this really neccessary? Except for the icons everything works.

Regards,
Fritz

RE: Strange icons in menues et alt. - Added by Brendan Dunn over 8 years ago

Hi Fritz
You could look at your rails version.
My problem was that I had multiple versions
I did not take the time to understand all the technical issues but I
Could see that my precompile use one version
Of the “action pack” gem and passenger used another
Hence the precompiled assets where not being picked up
Even though they where there

RE: Strange icons in menues et alt. - Added by Brendan Dunn over 8 years ago

This link will run you through how sprockets and actionpack work
And can help you with versions etc
http://www.sitepoint.com/asset-precompile-works-part/

RE: Strange icons in menues et alt. - Added by Fritz Müller over 8 years ago

Hi Brendan,

thanks for the link. I will give it a try.

Regards,
Fritz

RE: Strange icons in menues et alt. - Added by Fritz Müller over 8 years ago

O.K. had a look at the page - seems too complicated for me. Haven’t got the time to go through it all. So I leave it as is.

Regards,
Fritz

RE: Strange icons in menues et alt. - Added by Fritz Müller over 8 years ago

Quick and dirty did the trick:
I symlinked the ../public/assets directory directly to /src/www and all the nice and shiny icons were there.

Regards,
Fritz

  • (1 - 20/20)
Loading...