I can't find Create new UI component link

Sorry my ignorance, but where Create new UI component link is located? Thank you.

Hi Alexandre,

You can find it in the Project Properties of the latest version (2.1) of the studio. See picture below.

Note that if you want to create GWT or Vaadin component you should create a web toolkit module first as it is explained in the documentation (you can find the link for it on the same panel).

Regards.

newUIComponent

Ow… I missed the new version (2.1).
Thank you!! =)

I just tried to add the follow component but I had no success. The component is never showed and no exception is throwed.

Here is my code:


public class UploadPdf extends AbstractWindow {
    @Inject
    private HBoxLayout imageContainer;

    @Override
    public void init(Map<String, Object> params) {
        ImageStrip imageStrip = new ImageStrip();
        imageStrip.setSelectable(false);
        imageStrip.setAnimated(true);
        imageStrip.setImageBoxWidth(500);
        imageStrip.setImageBoxHeight(200);
        imageStrip.setMaxAllowed(6);
        imageStrip.addImage("http://i.legendas.tv/poster/214x317/legendas_tv_20151224113206.png");
        imageStrip.addImage("http://s2.glbimg.com/4NTQNaHQZ3ufcksOOXP6T4wnt-s=/e.glbimg.com/og/ed/f/original/2016/04/07/4.jpg");
        Layout layout = (Layout) WebComponentsHelper.unwrap(imageContainer);
        layout.addComponent(imageStrip);
        layout.setSizeFull();
        imageStrip.setStyleName("test-style");
   }
}

Once I add a new UI component the only way to edit it is directly on the code (there is no edit window on studio)?

Thank you.

It seems that this addon is not compatible with Vaadin 7.5/7.6, since it was released in 31 Jan 2013. If you add ?debug to the address bar of your browser (localhost:8080/app/?debug) you will see an error in JavaScript while attaching the component to a DOM tree.

I see. Thank you! =)