Migrating from 13 to 14 pre-release

Flow
1

I have a currently developing project based on Vaadin 13. It uses Jetty in emdedded mode.
All styles are gone in that class:

@Push(transport = Transport.WEBSOCKET)
@Viewport("width=device-width, minimum-scale=1.0, initial-scale=1.0, user-scalable=yes")
public class MainView2 extends Div {

    public MainView2() {

        VerticalLayout vl = new VerticalLayout(
                new Label("Label_1"),
                new Label("Label_2"),
                new Label("Label_3")
        );
        vl.setSizeFull();

        add(vl);
    }

}

It looks like “Label_1Label_2Label_3” string.

2

Hi Alexander,

V14 should have a compatible mode to run the V13 app.

Could you provide us your code for styling the label, with the code you have added here, we are not sure where the problem is?

Thanks

Zhe

3

I didn’t use my own styles. It is default style out of the box. I think there is a problem with my Mavne configuration and Jetty embedded, but i cannot find what is wrong. And i search some example projects with this restrictions. Compatible mode is not useful for me, because it will be deprecated in the future, i think.

4

I have tested with V13 and V14. you can see the attached image. I don’t think we have some special styling for the label element.

Yes, compatible mode is also called bower mode. it will be deprecated in V15, which will only support npm packaging.

17772948.png

5

I think i miss some details in Maven magic when use Jetty embedded server…