Important Notice - Forums is archived
To simplify things and help our users to be more productive, we have archived the current forum and focus our efforts on helping developers on Stack Overflow. You can post new questions on Stack Overflow or join our Discord channel.

Vaadin lets you build secure, UX-first PWAs entirely in Java.
Free ebook & tutorial.
FontAwesome Icons not displaying
Hi,
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.
Hi Felix,
Here's the generated code from the desinger below. Thanks.
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" name="design-properties" content="{"RULERS_VISIBLE":true,"GUIDELINES_VISIBLE":false,"SNAP_TO_OBJECTS":true,"SNAP_TO_GRID":true,"SNAPPING_DISTANCE":10,"PAPER_WIDTH":556,"PAPER_HEIGHT":509,"JAVA_SOURCES_ROOT":"src","THEME":"aaptimize"}">
</head>
<body>
<v-vertical-layout size-full="true">
<v-horizontal-layout margin="true" _id="_buttonPanel" :expand="2">
<v-button icon="fonticon://FontAwesome/f15b" plain-text="" _id="_newContactButton">
New Contact
</v-button>
</v-horizontal-layout>
<v-horizontal-layout size-full="true" _id="_contentPanel" :expand="8">
<v-panel size-full="true" _id="_contactGrid" :expand="6"></v-panel>
<v-form-layout size-full="true" margin-right="true" margin-bottom="false" _id="_contactData" :expand="4"></v-form-layout>
</v-horizontal-layout>
</v-vertical-layout>
</body>
</html>
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;
/**
* !! DO NOT EDIT THIS FILE !!
*
* 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 { … }
*/
@DesignRoot
@AutoGenerated
@SuppressWarnings("serial")
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() {
Design.read(this);
}
}
Ok, since the designer is in alpha state, i guess this is a bug. You should file a bug-report in the tracker!