FontAwesome Icons not displaying


I hope this will be a simple question with a simple answer. I am using the Vaadin designer to create a simple form with fields labels, and buttons. When in desing mode, I am able to assign icons to buttons and labels and the icons display correctly. However, when I publish the app, the icons does not show up. Further, I get a “fonticon:\FontAwesome\f044 (The filename, directory name, or volume label syntax is incorrect)”. Please point me in the right direction.

Thanks in advance.

The generated code from the designer would help.

Hi Felix,

Here’s the generated code from the desinger below. Thanks.

New Contact

I thought you are talking about the old designer… Don’t you have the possiblity to get some Java code from it?

Hi Felix,

Here’s the auto generated code. However, the auto generated code only shows the components of the form but not its properties.

package aaptimize.uidesign.account;

import com.vaadin.annotations.AutoGenerated;
import com.vaadin.annotations.DesignRoot;
import com.vaadin.ui.Button;
import com.vaadin.ui.HorizontalLayout;
import com.vaadin.ui.Panel;
import com.vaadin.ui.VerticalLayout;
import com.vaadin.ui.declarative.Design;



  • This class is generated by Vaadin Designer and will be overwritten.

  • Please make a subclass with logic and additional interfaces as needed,

  • e.g class LoginView extends LoginDesign implements View { … }
    public class ContactFormDesign extends VerticalLayout {
    protected com.vaadin.ui.HorizontalLayout _buttonPanel;
    protected com.vaadin.ui.Button _newButton;
    protected com.vaadin.ui.Button _editButton;
    protected com.vaadin.ui.Button _deleteButton;
    protected com.vaadin.ui.Panel _contentPanel;

    public ContactFormDesign() {;

Ok, since the designer is in alpha state, i guess this is a bug. You should file a bug-report in the tracker!

Ok will do.