Loading...
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.

Product icon
TUTORIAL

Vaadin lets you build secure, UX-first PWAs entirely in Java.
Free ebook & tutorial.

Touchkit Can't change size of icon

Alan Wecker
6 years ago Apr 10, 2016 12:26pm
Alan Wecker
5 years ago May 25, 2016 8:59am
Henrik Nyman
5 years ago May 26, 2016 11:17am
Alan Wecker
5 years ago Jun 08, 2016 12:40pm
Henrik Nyman
5 years ago Jun 10, 2016 12:24pm

OK,

I tried the following method on a NavigationButton and it worked for me. I use css styling and an icon from the FontAwesome collection (in this case HOSPITAL_O).

In the code I have the following code snippet:

NavigationButton navigationButton = new NavigationButton();
navigationButton.setIcon(FontAwesome.HOSPITAL_O);
navigationButton.addStyleName("myStyle");

In my style file (myproject.scss) I add the following code:

.myStyle {
    .v-icon.FontAwesome { 
        font-size: 60px;
    }
}

You will probably have to do some tweaking to get the text alligned correctly alongside your icon but hopefully this will work for you as well.