Example usage for com.vaadin.ui HorizontalLayout setSpacing

List of usage examples for com.vaadin.ui HorizontalLayout setSpacing

Introduction

In this page you can find the example usage for com.vaadin.ui HorizontalLayout setSpacing.

Prototype

@Override
    public void setSpacing(boolean spacing) 

Source Link

Usage

From source file:com.hivesys.dashboard.view.preferences.PreferencesView.java

License:Apache License

public PreferencesView() {

    user = (User) VaadinSession.getCurrent().getAttribute(User.class.getName());

    setSpacing(true);//from  ww w . j  ava 2s . com
    setMargin(true);

    Label title = new Label("Forms");
    title.addStyleName("h1");
    addComponent(title);

    final FormLayout form = new FormLayout();
    form.setMargin(false);
    form.setWidth("800px");
    form.addStyleName("light");
    addComponent(form);

    Label section = new Label("Personal Info");
    section.addStyleName("h2");
    section.addStyleName("colored");
    form.addComponent(section);

    firstNameField = new TextField("First Name");
    firstNameField.setWidth("50%");
    form.addComponent(firstNameField);

    lastNameField = new TextField("Last Name");
    lastNameField.setWidth("50%");
    form.addComponent(lastNameField);

    titleField = new ComboBox("Title");
    titleField.setInputPrompt("Please specify");
    titleField.addItem("Mr.");
    titleField.addItem("Mrs.");
    titleField.addItem("Ms.");
    titleField.setNewItemsAllowed(true);
    form.addComponent(titleField);

    usernameField = new TextField("Username");
    usernameField.setRequired(true);
    form.addComponent(usernameField);

    sexField = new OptionGroup("Sex");
    sexField.addItem(Boolean.FALSE);
    sexField.setItemCaption(Boolean.FALSE, "Female");
    sexField.addItem(Boolean.TRUE);
    sexField.setItemCaption(Boolean.TRUE, "Male");
    sexField.addStyleName("horizontal");
    form.addComponent(sexField);

    section = new Label("Contact Info");
    section.addStyleName("h3");
    section.addStyleName("colored");
    form.addComponent(section);

    emailField = new TextField("Email");
    emailField.setWidth("50%");
    emailField.setRequired(true);
    form.addComponent(emailField);

    locationField = new TextField("Location");
    locationField.setWidth("50%");
    locationField.setNullRepresentation("");
    form.addComponent(locationField);

    phoneField = new TextField("Phone");
    phoneField.setWidth("50%");
    phoneField.setNullRepresentation("");
    form.addComponent(phoneField);

    section = new Label("Additional Info");
    section.addStyleName("h4");
    section.addStyleName("colored");
    form.addComponent(section);

    websiteField = new TextField("Website");
    websiteField.setInputPrompt("http://");
    websiteField.setWidth("100%");
    form.addComponent(websiteField);

    bioField = new RichTextArea("Bio");
    bioField.setWidth("100%");
    bioField.setValue(
            "<div><p><span>Integer legentibus erat a ante historiarum dapibus.</span> <span>Vivamus sagittis lacus vel augue laoreet rutrum faucibus.</span> <span>A communi observantia non est recedendum.</span> <span>Morbi fringilla convallis sapien, id pulvinar odio volutpat.</span> <span>Ab illo tempore, ab est sed immemorabili.</span> <span>Quam temere in vitiis, legem sancimus haerentia.</span></p><p><span>Morbi odio eros, volutpat ut pharetra vitae, lobortis sed nibh.</span> <span>Quam diu etiam furor iste tuus nos eludet?</span> <span>Cum sociis natoque penatibus et magnis dis parturient.</span> <span>Quam diu etiam furor iste tuus nos eludet?</span> <span>Tityre, tu patulae recubans sub tegmine fagi  dolor.</span></p><p><span>Curabitur blandit tempus ardua ridiculus sed magna.</span> <span>Phasellus laoreet lorem vel dolor tempus vehicula.</span> <span>Etiam habebis sem dicantur magna mollis euismod.</span> <span>Hi omnes lingua, institutis, legibus inter se differunt.</span></p></div>");
    form.addComponent(bioField);

    Button edit = new Button("Edit", new Button.ClickListener() {
        @Override
        public void buttonClick(Button.ClickEvent event) {
            boolean readOnly = form.isReadOnly();
            if (readOnly) {
                bioField.setReadOnly(false);
                form.setReadOnly(false);
                form.removeStyleName("light");
                event.getButton().setCaption("Save");
                event.getButton().addStyleName("primary");
            } else {
                bioField.setReadOnly(true);
                form.setReadOnly(true);
                form.addStyleName("light");
                event.getButton().setCaption("Edit");
                event.getButton().removeStyleName("primary");
            }
        }
    });

    HorizontalLayout footer = new HorizontalLayout();
    footer.setMargin(new MarginInfo(true, false, true, false));
    footer.setSpacing(true);
    footer.setDefaultComponentAlignment(Alignment.MIDDLE_LEFT);
    form.addComponent(footer);
    footer.addComponent(edit);

    Label lastModified = new Label("Last modified by you a minute ago");
    lastModified.addStyleName("light");
    footer.addComponent(lastModified);

    fieldGroup = new BeanFieldGroup<>(User.class);
    fieldGroup.bindMemberFields(this);
    fieldGroup.setItemDataSource(user);

    form.setReadOnly(true);
    bioField.setReadOnly(true);

}

From source file:com.hris.payroll.alphalist.AlphaListMainUI.java

public AlphaListMainUI(int branchId) {
    this.branchId = branchId;

    setSizeFull();//from w w  w  .  j av  a 2  s  .com
    setMargin(new MarginInfo(true, true, false, true));
    setSpacing(true);

    HorizontalLayout h1 = new HorizontalLayout();
    h1.setCaption("Year: ");
    h1.setWidthUndefined();
    h1.setSpacing(true);

    h1.addComponent(employmentStatus);
    h1.addComponent(selectYear());
    h1.addComponent(alphaListButton());
    h1.addComponent(exportToExcelButton());

    addComponent(h1);

    HorizontalLayout h2 = new HorizontalLayout();
    h2.setWidthUndefined();
    h2.setSpacing(true);

    progress.setWidth("410px");
    h2.addComponent(progress);
    h2.setComponentAlignment(progress, Alignment.MIDDLE_LEFT);

    status.setValue("0%");
    h2.addComponent(status);

    processLabel.setValue("");
    h2.addComponent(processLabel);

    addComponent(h2);
    addComponent(grid);
    setExpandRatio(grid, 3);
}

From source file:com.hris.payroll.reports.ReportUI.java

public ReportUI(int branchId) {
    this.branchId = branchId;

    setSizeFull();//from ww w  .j  av a2s .  com
    setMargin(new MarginInfo(true, true, false, true));
    setSpacing(true);

    HorizontalLayout h1 = new HorizontalLayout();
    h1.setWidthUndefined();
    h1.setSpacing(true);

    h1.addComponent(reportType);
    h1.addComponent(payrollDateField());
    h1.addComponent(viewReportBtn());

    addComponent(h1);
    addComponent(grid);
    setExpandRatio(grid, 2);

    HorizontalLayout h2 = new HorizontalLayout();
    h2.setWidthUndefined();
    h2.setSpacing(true);
}

From source file:com.hris.payroll.thirteenthmonth.ThirteenthMonth.java

public ThirteenthMonth(int branchId) {
    this.branchId = branchId;

    setSizeFull();//w  ww.  ja va2 s  .  co  m
    setMargin(new MarginInfo(true, true, false, true));
    setSpacing(true);

    HorizontalLayout h1 = new HorizontalLayout();
    h1.setWidthUndefined();
    h1.setSpacing(true);

    h1.addComponent(employmentStatus);
    h1.addComponent(selectYear());
    h1.addComponent(generate13thMonth());
    h1.addComponent(exportToExcelButton());

    addComponent(h1);

    HorizontalLayout h2 = new HorizontalLayout();
    h2.setWidthUndefined();
    h2.setSpacing(true);

    progress.setWidth("410px");
    h2.addComponent(progress);
    h2.setComponentAlignment(progress, Alignment.MIDDLE_LEFT);

    status.setValue("0%");
    h2.addComponent(status);

    grid = new ThirteenthMonthDataGridProperty();
    addComponent(h2);
    addComponent(grid);
    setExpandRatio(grid, 3);
}

From source file:com.ies.schoolos.ui.mobile.info.layout.PersonalLayout.java

private void generalInfoLayout() {
    generalGroup = new VerticalComponentGroup();
    generalGroup.setSizeUndefined();/*from  www .j  a  v a2s  . c  o m*/

    addTab(generalGroup, "", FontAwesome.CHILD);

    peopleIdType = new OptionGroup("", new PeopleIdType());
    peopleIdType.setItemCaptionPropertyId("name");
    peopleIdType.setImmediate(true);
    peopleIdType.setRequired(true);
    peopleIdType.setNullSelectionAllowed(false);
    peopleIdType.setWidth("-1px");
    peopleIdType.setHeight("-1px");
    generalGroup.addComponent(peopleIdType);

    peopleId = new TextField("");
    peopleId.setInputPrompt("");
    peopleId.setImmediate(false);
    peopleId.setRequired(true);
    peopleId.setWidth("-1px");
    peopleId.setHeight("-1px");
    peopleId.setNullRepresentation("");
    peopleId.addValidator(
            new StringLengthValidator("?", 13, 20, false));
    peopleId.addTextChangeListener(new TextChangeListener() {
        private static final long serialVersionUID = 1L;

        @Override
        public void textChange(TextChangeEvent event) {
            if (event.getText() != null) {
                if (event.getText().length() >= 13) {
                    pSqlContainer.addContainerFilter(new Equal(PersonnelSchema.PEOPLE_ID, event.getText()));
                    if (pSqlContainer.size() > 0) {
                        disableDuplicatePeopleIdForm();
                        Notification.show(
                                "?? ??",
                                Type.WARNING_MESSAGE);
                    } else {
                        enableDuplicatePeopleIdForm();
                    }
                    pSqlContainer.removeAllContainerFilters();
                }
            }
        }
    });
    generalGroup.addComponent(peopleId);

    prename = new NativeSelect("", new Prename());
    //prename.setInputPrompt("??");
    prename.setItemCaptionPropertyId("name");
    prename.setImmediate(true);
    prename.setNullSelectionAllowed(false);
    prename.setRequired(true);
    prename.setWidth("-1px");
    prename.setHeight("-1px");
    //prename.setFilteringMode(FilteringMode.CONTAINS);
    generalGroup.addComponent(prename);

    firstname = new TextField("");
    firstname.setInputPrompt("");
    firstname.setImmediate(false);
    firstname.setRequired(true);
    firstname.setWidth("-1px");
    firstname.setHeight("-1px");
    firstname.setNullRepresentation("");
    generalGroup.addComponent(firstname);

    lastname = new TextField("?");
    lastname.setInputPrompt("?");
    lastname.setImmediate(false);
    lastname.setRequired(true);
    lastname.setWidth("-1px");
    lastname.setHeight("-1px");
    lastname.setNullRepresentation("");
    generalGroup.addComponent(lastname);

    firstnameNd = new TextField("?");
    firstnameNd.setInputPrompt("?");
    firstnameNd.setImmediate(false);
    firstnameNd.setWidth("-1px");
    firstnameNd.setHeight("-1px");
    firstnameNd.setNullRepresentation("");
    generalGroup.addComponent(firstnameNd);

    lastnameNd = new TextField("??");
    lastnameNd.setInputPrompt("??");
    lastnameNd.setImmediate(false);
    lastnameNd.setWidth("-1px");
    lastnameNd.setHeight("-1px");
    lastnameNd.setNullRepresentation("");
    generalGroup.addComponent(lastnameNd);

    firstnameRd = new TextField("");
    firstnameRd.setInputPrompt("");
    firstnameRd.setImmediate(false);
    firstnameRd.setWidth("-1px");
    firstnameRd.setHeight("-1px");
    firstnameRd.setNullRepresentation("");
    generalGroup.addComponent(firstnameRd);

    lastnameRd = new TextField("?");
    lastnameRd.setInputPrompt("?");
    lastnameRd.setImmediate(false);
    lastnameRd.setWidth("-1px");
    lastnameRd.setHeight("-1px");
    lastnameRd.setNullRepresentation("");
    generalGroup.addComponent(lastnameRd);

    nickname = new TextField("");
    nickname.setInputPrompt("");
    nickname.setImmediate(false);
    nickname.setWidth("-1px");
    nickname.setHeight("-1px");
    nickname.setNullRepresentation("");
    generalGroup.addComponent(nickname);

    gender = new OptionGroup("", new Gender());
    gender.setItemCaptionPropertyId("name");
    gender.setImmediate(true);
    gender.setNullSelectionAllowed(false);
    gender.setRequired(true);
    gender.setWidth("-1px");
    gender.setHeight("-1px");
    generalGroup.addComponent(gender);

    religion = new NativeSelect("", new Religion());
    //religion.setInputPrompt("??");
    religion.setItemCaptionPropertyId("name");
    religion.setImmediate(true);
    religion.setNullSelectionAllowed(false);
    religion.setRequired(true);
    religion.setWidth("-1px");
    religion.setHeight("-1px");
    //religion.setFilteringMode(FilteringMode.CONTAINS);
    generalGroup.addComponent(religion);

    race = new NativeSelect("", new Race());
    //race.setInputPrompt("??");
    race.setItemCaptionPropertyId("name");
    race.setImmediate(true);
    race.setNullSelectionAllowed(false);
    race.setRequired(true);
    race.setWidth("-1px");
    race.setHeight("-1px");
    //race.setFilteringMode(FilteringMode.CONTAINS);
    generalGroup.addComponent(race);

    nationality = new NativeSelect("?", new Nationality());
    //nationality.setInputPrompt("??");
    nationality.setItemCaptionPropertyId("name");
    nationality.setImmediate(true);
    nationality.setNullSelectionAllowed(false);
    nationality.setRequired(true);
    nationality.setWidth("-1px");
    nationality.setHeight("-1px");
    //nationality.setFilteringMode(FilteringMode.CONTAINS);
    generalGroup.addComponent(nationality);

    maritalStatus = new NativeSelect("", new MaritalStatus());
    //maritalStatus.setInputPrompt("??");
    maritalStatus.setItemCaptionPropertyId("name");
    maritalStatus.setImmediate(true);
    maritalStatus.setNullSelectionAllowed(false);
    maritalStatus.setRequired(true);
    maritalStatus.setWidth("-1px");
    maritalStatus.setHeight("-1px");
    //maritalStatus.setFilteringMode(FilteringMode.CONTAINS);
    generalGroup.addComponent(maritalStatus);

    aliveStatus = new NativeSelect("?", new AliveStatus());
    //aliveStatus.setInputPrompt("??");
    aliveStatus.setItemCaptionPropertyId("name");
    aliveStatus.setImmediate(true);
    aliveStatus.setNullSelectionAllowed(false);
    aliveStatus.setRequired(true);
    aliveStatus.setWidth("-1px");
    aliveStatus.setHeight("-1px");
    //aliveStatus.setFilteringMode(FilteringMode.CONTAINS);
    aliveStatus.setVisible(false);
    generalGroup.addComponent(aliveStatus);

    birthDate = new PopupDateField("   ?");
    birthDate.setInputPrompt("//");
    birthDate.setImmediate(false);
    birthDate.setRequired(true);
    birthDate.setWidth("-1px");
    birthDate.setHeight("-1px");
    birthDate.setDateFormat("dd/MM/yyyy");
    birthDate.setLocale(new Locale("th", "TH"));
    generalGroup.addComponent(birthDate);

    blood = new NativeSelect("", new Blood());
    //blood.setInputPrompt("??");
    blood.setItemCaptionPropertyId("name");
    blood.setImmediate(true);
    blood.setNullSelectionAllowed(false);
    blood.setRequired(true);
    blood.setWidth("-1px");
    blood.setHeight("-1px");
    //blood.setFilteringMode(FilteringMode.CONTAINS);
    generalGroup.addComponent(blood);

    height = new NumberField("");
    height.setInputPrompt("");
    height.setImmediate(false);
    height.setWidth("-1px");
    height.setHeight("-1px");
    height.setNullRepresentation("");
    generalGroup.addComponent(height);

    weight = new NumberField("?");
    weight.setInputPrompt("?");
    weight.setImmediate(false);
    weight.setWidth("-1px");
    weight.setHeight("-1px");
    weight.setNullRepresentation("");
    generalGroup.addComponent(weight);

    congenitalDisease = new TextField("");
    congenitalDisease.setInputPrompt("");
    congenitalDisease.setImmediate(false);
    congenitalDisease.setWidth("-1px");
    congenitalDisease.setHeight("-1px");
    congenitalDisease.setNullRepresentation("");
    generalGroup.addComponent(congenitalDisease);

    HorizontalLayout buttonLayout = new HorizontalLayout();
    buttonLayout.setSpacing(true);
    buttonLayout.setWidth("100%");
    generalGroup.addComponent(buttonLayout);

    workNext = new Button(FontAwesome.ARROW_RIGHT);
    workNext.setWidth("100%");
    workNext.addClickListener(new ClickListener() {
        private static final long serialVersionUID = 1L;

        @Override
        public void buttonClick(ClickEvent event) {
            setSelectedTab(workGroup);
        }
    });
    buttonLayout.addComponent(workNext);
}

From source file:com.ies.schoolos.ui.mobile.info.layout.PersonalLayout.java

private void workGroup() {
    workGroup = new VerticalComponentGroup();
    workGroup.setSizeUndefined();// ww  w .j  a  va2 s. co  m

    addTab(workGroup, "?", FontAwesome.GRADUATION_CAP);

    jobPosition = new NativeSelect("?", new JobPosition());
    //jobPosition.setInputPrompt("??");
    jobPosition.setItemCaptionPropertyId("name");
    jobPosition.setImmediate(true);
    jobPosition.setNullSelectionAllowed(false);
    jobPosition.setRequired(true);
    jobPosition.setWidth("-1px");
    jobPosition.setHeight("-1px");
    //jobPosition.setFilteringMode(FilteringMode.CONTAINS);
    jobPosition.addValueChangeListener(new ValueChangeListener() {
        private static final long serialVersionUID = 1L;

        @Override
        public void valueChange(ValueChangeEvent event) {
            if (event.getProperty().getValue() != null) {
                if (autoGenerate.getValue() != null) {
                    String personnelCodeStr = getPersonnelCode(event.getProperty().getValue().toString(),
                            autoGenerate.getValue().toString());
                    personnelCode.setEnabled(true);
                    personnelCode.setValue(personnelCodeStr + TEMP_TITLE);
                    personnelCode.setEnabled(false);
                }
            }
        }
    });
    workGroup.addComponent(jobPosition);

    autoGenerate = new OptionGroup("?",
            new PersonnelCodeGenerateType());
    autoGenerate.setItemCaptionPropertyId("name");
    autoGenerate.setImmediate(true);
    autoGenerate.setRequired(true);
    autoGenerate.setNullSelectionAllowed(false);
    autoGenerate.setWidth("-1px");
    autoGenerate.setHeight("-1px");
    //autoGenerate.setValue(1);
    autoGenerate.addValueChangeListener(new ValueChangeListener() {
        private static final long serialVersionUID = 1L;

        @Override
        public void valueChange(ValueChangeEvent event) {
            if (event.getProperty().getValue() != null) {
                if (event.getProperty().getValue().toString().equals("0")) {
                    if (jobPosition.getValue() != null) {
                        String personnelCodeStr = getPersonnelCode(jobPosition.getValue().toString(),
                                event.getProperty().getValue().toString());
                        personnelCode.setEnabled(true);
                        personnelCode.setValue(personnelCodeStr + TEMP_TITLE);
                        personnelCode.setEnabled(false);
                    } else if (event.getProperty().getValue().equals("0"))
                        Notification.show(
                                "??",
                                Type.WARNING_MESSAGE);
                } else {
                    personnelCode.setEnabled(true);
                    personnelCode.setValue(getPersonnelCode(null, "1"));
                }
            }

        }
    });
    workGroup.addComponent(autoGenerate);

    personnelCode = new TextField("");
    personnelCode.setInputPrompt("");
    personnelCode.setImmediate(false);
    personnelCode.setRequired(true);
    personnelCode.setEnabled(false);
    personnelCode.setWidth("-1px");
    personnelCode.setHeight("-1px");
    personnelCode.setNullRepresentation("");
    workGroup.addComponent(personnelCode);

    personnelStatus = new NativeSelect("?", new PersonnelStatus());
    //personnelStatus.setInputPrompt("??");
    personnelStatus.setItemCaptionPropertyId("name");
    personnelStatus.setImmediate(true);
    personnelStatus.setNullSelectionAllowed(false);
    personnelStatus.setRequired(true);
    personnelStatus.setWidth("-1px");
    personnelStatus.setHeight("-1px");
    //personnelStatus.setFilteringMode(FilteringMode.CONTAINS);
    workGroup.addComponent(personnelStatus);

    startWorkDate = new PopupDateField("   ");
    startWorkDate.setInputPrompt("//");
    startWorkDate.setImmediate(false);
    startWorkDate.setRequired(true);
    startWorkDate.setWidth("-1px");
    startWorkDate.setHeight("-1px");
    startWorkDate.setDateFormat("dd/MM/yyyy");
    startWorkDate.setLocale(new Locale("th", "TH"));
    workGroup.addComponent(startWorkDate);

    department = new NativeSelect("??", new Department());
    //department.setInputPrompt("??");
    department.setItemCaptionPropertyId("name");
    department.setImmediate(true);
    department.setNullSelectionAllowed(false);
    department.setRequired(true);
    department.setWidth("-1px");
    department.setHeight("-1px");
    //department.setFilteringMode(FilteringMode.CONTAINS);
    workGroup.addComponent(department);

    employmentType = new NativeSelect("?", new EmploymentType());
    //employmentType.setInputPrompt("??");
    employmentType.setItemCaptionPropertyId("name");
    employmentType.setImmediate(true);
    employmentType.setNullSelectionAllowed(false);
    employmentType.setRequired(true);
    employmentType.setWidth("-1px");
    employmentType.setHeight("-1px");
    //employmentType.setFilteringMode(FilteringMode.CONTAINS);
    workGroup.addComponent(employmentType);

    bankaccountName = new TextField("?");
    bankaccountName.setInputPrompt("?");
    bankaccountName.setImmediate(false);
    bankaccountName.setWidth("-1px");
    bankaccountName.setHeight("-1px");
    bankaccountName.setNullRepresentation("");
    workGroup.addComponent(bankaccountName);

    bankAccountNumber = new TextField("?");
    bankAccountNumber.setInputPrompt("?");
    bankAccountNumber.setImmediate(false);
    bankAccountNumber.setWidth("-1px");
    bankAccountNumber.setHeight("-1px");
    bankAccountNumber.setNullRepresentation("");
    workGroup.addComponent(bankAccountNumber);

    bankAccountType = new NativeSelect("?", new BankAccountType());
    //bankAccountType.setInputPrompt("??");
    bankAccountType.setItemCaptionPropertyId("name");
    bankAccountType.setImmediate(true);
    bankAccountType.setNullSelectionAllowed(false);
    bankAccountType.setWidth("-1px");
    bankAccountType.setHeight("-1px");
    //bankAccountType.setFilteringMode(FilteringMode.CONTAINS);
    workGroup.addComponent(bankAccountType);

    bankName = new TextField("");
    bankName.setInputPrompt("");
    bankName.setImmediate(false);
    bankName.setWidth("-1px");
    bankName.setHeight("-1px");
    bankName.setNullRepresentation("");
    workGroup.addComponent(bankName);

    bankaccountBranch = new TextField("");
    bankaccountBranch.setInputPrompt("");
    bankaccountBranch.setImmediate(false);
    bankaccountBranch.setWidth("-1px");
    bankaccountBranch.setHeight("-1px");
    bankaccountBranch.setNullRepresentation("");
    workGroup.addComponent(bankaccountBranch);

    bankProvinceId = new NativeSelect("", new Province());
    //bankProvinceId.setInputPrompt("??");
    bankProvinceId.setItemCaptionPropertyId("name");
    bankProvinceId.setImmediate(true);
    bankProvinceId.setNullSelectionAllowed(false);
    bankProvinceId.setWidth("-1px");
    bankProvinceId.setHeight("-1px");
    //bankProvinceId.setFilteringMode(FilteringMode.CONTAINS);
    bankProvinceId.addValueChangeListener(new ValueChangeListener() {
        private static final long serialVersionUID = 1L;

        @Override
        public void valueChange(ValueChangeEvent event) {
            if (event.getProperty().getValue() != null)
                currentDistrict.setContainerDataSource(
                        new District(Integer.parseInt(event.getProperty().getValue().toString())));
        }
    });
    workGroup.addComponent(bankProvinceId);

    HorizontalLayout buttonLayout = new HorizontalLayout();
    buttonLayout.setWidth("100%");
    buttonLayout.setSpacing(true);
    workGroup.addComponent(buttonLayout);

    generalBack = new Button(FontAwesome.ARROW_LEFT);
    generalBack.setWidth("100%");
    generalBack.addClickListener(new ClickListener() {
        private static final long serialVersionUID = 1L;

        @Override
        public void buttonClick(ClickEvent event) {
            setSelectedTab(generalGroup);
        }
    });
    buttonLayout.addComponents(generalBack);

    licenseeNext = new Button(FontAwesome.ARROW_RIGHT);
    licenseeNext.setWidth("100%");
    licenseeNext.addClickListener(new ClickListener() {
        private static final long serialVersionUID = 1L;

        @Override
        public void buttonClick(ClickEvent event) {
            setSelectedTab(licenseeGroup);
        }
    });

    buttonLayout.addComponents(licenseeNext);
}

From source file:com.ies.schoolos.ui.mobile.info.layout.PersonalLayout.java

private void licenseeGroup() {
    licenseeGroup = new VerticalComponentGroup();
    licenseeGroup.setSizeUndefined();/* w  ww  . ja  v  a 2s.co  m*/

    addTab(licenseeGroup, "", FontAwesome.BRIEFCASE);

    licenseLecturerNumber = new TextField("");
    licenseLecturerNumber.setInputPrompt("");
    licenseLecturerNumber.setImmediate(false);
    licenseLecturerNumber.setWidth("-1px");
    licenseLecturerNumber.setHeight("-1px");
    licenseLecturerNumber.setNullRepresentation("");
    licenseeGroup.addComponent(licenseLecturerNumber);

    licenseLecturerType = new NativeSelect("?",
            new LicenseLecturerType());
    //licenseLecturerType.setInputPrompt("??");
    licenseLecturerType.setItemCaptionPropertyId("name");
    licenseLecturerType.setImmediate(true);
    licenseLecturerType.setNullSelectionAllowed(false);
    licenseLecturerType.setWidth("-1px");
    licenseLecturerType.setHeight("-1px");
    //licenseLecturerType.setFilteringMode(FilteringMode.CONTAINS);
    licenseeGroup.addComponent(licenseLecturerType);

    licenseLecturerIssuedDate = new PopupDateField("   ?");
    licenseLecturerIssuedDate.setInputPrompt("//");
    licenseLecturerIssuedDate.setImmediate(false);
    licenseLecturerIssuedDate.setWidth("-1px");
    licenseLecturerIssuedDate.setHeight("-1px");
    licenseLecturerIssuedDate.setDateFormat("dd/MM/yyyy");
    licenseLecturerIssuedDate.setLocale(new Locale("th", "TH"));
    licenseeGroup.addComponent(licenseLecturerIssuedDate);

    licenseLecturerExpiredDate = new PopupDateField("   ");
    licenseLecturerExpiredDate.setInputPrompt("//");
    licenseLecturerExpiredDate.setImmediate(false);
    licenseLecturerExpiredDate.setWidth("-1px");
    licenseLecturerExpiredDate.setHeight("-1px");
    licenseLecturerExpiredDate.setDateFormat("dd/MM/yyyy");
    licenseLecturerExpiredDate.setLocale(new Locale("th", "TH"));
    licenseeGroup.addComponent(licenseLecturerExpiredDate);

    license11Number = new TextField("?  11");
    license11Number.setInputPrompt("?  11");
    license11Number.setImmediate(false);
    license11Number.setWidth("-1px");
    license11Number.setHeight("-1px");
    license11Number.setNullRepresentation("");
    licenseeGroup.addComponent(license11Number);

    licenseIssueArea = new TextField(" ?");
    licenseIssueArea.setInputPrompt(" ?");
    licenseIssueArea.setImmediate(false);
    licenseIssueArea.setWidth("-1px");
    licenseIssueArea.setHeight("-1px");
    licenseIssueArea.setNullRepresentation("");
    licenseeGroup.addComponent(licenseIssueArea);

    licenseIssueProvinceId = new NativeSelect("?", new Province());
    //licenseIssueProvinceId.setInputPrompt("??");
    licenseIssueProvinceId.setItemCaptionPropertyId("name");
    licenseIssueProvinceId.setImmediate(true);
    licenseIssueProvinceId.setNullSelectionAllowed(false);
    licenseIssueProvinceId.setWidth("-1px");
    licenseIssueProvinceId.setHeight("-1px");
    //licenseIssueProvinceId.setFilteringMode(FilteringMode.CONTAINS);
    licenseeGroup.addComponent(bankProvinceId);

    license17Number = new TextField("?  17");
    license17Number.setInputPrompt("?  17");
    license17Number.setImmediate(false);
    license17Number.setWidth("-1px");
    license17Number.setHeight("-1px");
    license17Number.setNullRepresentation("");
    licenseeGroup.addComponent(license17Number);

    license18Number = new TextField("?  18");
    license18Number.setInputPrompt("?  18");
    license18Number.setImmediate(false);
    license18Number.setWidth("-1px");
    license18Number.setHeight("-1px");
    license18Number.setNullRepresentation("");
    licenseeGroup.addComponent(license18Number);

    license19Number = new TextField("?  19");
    license19Number.setInputPrompt("?  19");
    license19Number.setImmediate(false);
    license19Number.setWidth("-1px");
    license19Number.setHeight("-1px");
    license19Number.setNullRepresentation("");
    licenseeGroup.addComponent(license19Number);

    fillDegreePost = new TextField("?");
    fillDegreePost.setInputPrompt("?");
    fillDegreePost.setImmediate(false);
    fillDegreePost.setWidth("-1px");
    fillDegreePost.setHeight("-1px");
    fillDegreePost.setNullRepresentation("");
    licenseeGroup.addComponent(fillDegreePost);

    fillDegreePostDate = new PopupDateField(
            "  ?");
    fillDegreePostDate.setInputPrompt("//");
    fillDegreePostDate.setImmediate(false);
    fillDegreePostDate.setWidth("-1px");
    fillDegreePostDate.setHeight("-1px");
    fillDegreePostDate.setDateFormat("dd/MM/yyyy");
    fillDegreePostDate.setLocale(new Locale("th", "TH"));
    licenseeGroup.addComponent(fillDegreePostDate);

    HorizontalLayout buttonLayout = new HorizontalLayout();
    buttonLayout.setWidth("100%");
    buttonLayout.setSpacing(true);
    licenseeGroup.addComponent(buttonLayout);

    workBack = new Button(FontAwesome.ARROW_LEFT);
    workBack.setWidth("100%");
    workBack.addClickListener(new ClickListener() {
        private static final long serialVersionUID = 1L;

        @Override
        public void buttonClick(ClickEvent event) {
            setSelectedTab(workGroup);
        }
    });
    buttonLayout.addComponents(workBack);

    addressNext = new Button(FontAwesome.ARROW_RIGHT);
    addressNext.setWidth("100%");
    addressNext.addClickListener(new ClickListener() {
        private static final long serialVersionUID = 1L;

        @Override
        public void buttonClick(ClickEvent event) {
            setSelectedTab(addressGroup);
        }
    });
    buttonLayout.addComponents(addressNext);
}

From source file:com.ies.schoolos.ui.mobile.info.layout.PersonalLayout.java

private void addressGroup() {
    addressGroup = new VerticalComponentGroup();
    addressGroup.setSizeUndefined();/*from   ww w .j ava2s  .co  m*/

    addTab(addressGroup, "", FontAwesome.BOOK);

    tel = new TextField("");
    tel.setInputPrompt("");
    tel.setImmediate(false);
    tel.setWidth("-1px");
    tel.setHeight("-1px");
    tel.setNullRepresentation("");
    addressGroup.addComponent(tel);

    mobile = new TextField("");
    mobile.setInputPrompt("");
    mobile.setImmediate(false);
    mobile.setWidth("-1px");
    mobile.setHeight("-1px");
    mobile.setRequired(true);
    mobile.setNullRepresentation("");
    addressGroup.addComponent(mobile);

    email = new EmailField("");
    email.setInputPrompt("");
    email.setImmediate(false);
    email.setWidth("-1px");
    email.setHeight("-1px");
    email.setRequired(true);
    email.setNullRepresentation("");
    email.addTextChangeListener(new TextChangeListener() {
        private static final long serialVersionUID = 1L;

        @Override
        public void textChange(TextChangeEvent event) {
            if (!isEdit) {
                if (event.getText() != null) {
                    if (event.getText().length() >= 13) {

                        userSqlContainer.addContainerFilter(new Equal(UserSchema.EMAIL, event.getText()));
                        if (userSqlContainer.size() > 0) {
                            disableDuplicateEmailForm();
                            Notification.show(
                                    "?? ??",
                                    Type.WARNING_MESSAGE);
                        } else {
                            enableDuplicateEmailForm();
                        }
                        userSqlContainer.removeAllContainerFilters();
                    }
                }
            }
        }
    });
    addressGroup.addComponent(email);

    Label currentLabel = new Label("");
    addressGroup.addComponent(currentLabel);

    currentAddress = new TextArea("");
    currentAddress.setInputPrompt("  ");
    currentAddress.setImmediate(false);
    currentAddress.setWidth("-1px");
    currentAddress.setHeight("-1px");
    currentAddress.setNullRepresentation("");
    addressGroup.addComponent(currentAddress);

    currentProvince = new NativeSelect("", new Province());
    //currentProvince.setInputPrompt("??");
    currentProvince.setItemCaptionPropertyId("name");
    currentProvince.setImmediate(true);
    currentProvince.setNullSelectionAllowed(false);
    currentProvince.setWidth("-1px");
    currentProvince.setHeight("-1px");
    //currentProvince.setFilteringMode(FilteringMode.CONTAINS);
    currentProvince.addValueChangeListener(new ValueChangeListener() {
        private static final long serialVersionUID = 1L;

        @Override
        public void valueChange(ValueChangeEvent event) {
            if (event.getProperty().getValue() != null)
                currentDistrict.setContainerDataSource(
                        new District(Integer.parseInt(event.getProperty().getValue().toString())));
        }
    });
    addressGroup.addComponent(currentProvince);

    currentDistrict = new NativeSelect("");
    //currentDistrict.setInputPrompt("??");
    currentDistrict.setItemCaptionPropertyId("name");
    currentDistrict.setImmediate(true);
    currentDistrict.setNullSelectionAllowed(false);
    currentDistrict.setWidth("-1px");
    currentDistrict.setHeight("-1px");
    //currentDistrict.setFilteringMode(FilteringMode.CONTAINS);
    currentDistrict.addValueChangeListener(new ValueChangeListener() {
        private static final long serialVersionUID = 1L;

        @Override
        public void valueChange(ValueChangeEvent event) {
            if (event.getProperty().getValue() != null) {
                currentCity.setContainerDataSource(
                        new City(Integer.parseInt(event.getProperty().getValue().toString())));
                currentPostcode.setContainerDataSource(
                        new Postcode(Integer.parseInt(event.getProperty().getValue().toString())));
            }
        }
    });
    addressGroup.addComponent(currentDistrict);

    currentCity = new NativeSelect("");
    //currentCity.setInputPrompt("??");
    currentCity.setItemCaptionPropertyId("name");
    currentCity.setImmediate(true);
    currentCity.setNullSelectionAllowed(false);
    currentCity.setWidth("-1px");
    currentCity.setHeight("-1px");
    //currentCity.setFilteringMode(FilteringMode.CONTAINS);
    addressGroup.addComponent(currentCity);

    currentPostcode = new NativeSelect("");
    //currentPostcode.setInputPrompt("??");
    currentPostcode.setItemCaptionPropertyId("name");
    currentPostcode.setImmediate(true);
    currentPostcode.setNullSelectionAllowed(false);
    currentPostcode.setWidth("-1px");
    currentPostcode.setHeight("-1px");
    //currentPostcode.setFilteringMode(FilteringMode.CONTAINS);
    addressGroup.addComponent(currentPostcode);

    isSameCurrentAddress = new CheckBox(
            "?");
    isSameCurrentAddress.setImmediate(true);
    isSameCurrentAddress.setWidth("-1px");
    isSameCurrentAddress.setHeight("-1px");
    isSameCurrentAddress.addValueChangeListener(new ValueChangeListener() {
        private static final long serialVersionUID = 1L;

        @Override
        public void valueChange(ValueChangeEvent event) {
            if (event.getProperty().getValue() != null) {
                if ((boolean) event.getProperty().getValue()) {
                    censusAddress.setValue(currentAddress.getValue());
                    censusProvince.setValue(currentProvince.getValue());
                    censusDistrict.setValue(currentDistrict.getValue());
                    censusCity.setValue(currentCity.getValue());
                    censusPostcode.setValue(currentPostcode.getValue());
                } else {
                    censusAddress.setValue(null);
                    censusProvince.setValue(null);
                    censusDistrict.setValue(null);
                    censusCity.setValue(null);
                    censusPostcode.setValue(null);
                }
            }
        }
    });
    addressGroup.addComponent(isSameCurrentAddress);

    censusAddress = new TextArea("");
    censusAddress.setInputPrompt("  ");
    censusAddress.setImmediate(false);
    censusAddress.setWidth("-1px");
    censusAddress.setHeight("-1px");
    censusAddress.setNullRepresentation("");
    addressGroup.addComponent(censusAddress);

    censusProvince = new NativeSelect("",
            new Province());
    //censusProvince.setInputPrompt("??");
    censusProvince.setItemCaptionPropertyId("name");
    censusProvince.setImmediate(true);
    censusProvince.setNullSelectionAllowed(false);
    censusProvince.setWidth("-1px");
    censusProvince.setHeight("-1px");
    //censusProvince.setFilteringMode(FilteringMode.CONTAINS);
    censusProvince.addValueChangeListener(new ValueChangeListener() {
        private static final long serialVersionUID = 1L;

        @Override
        public void valueChange(ValueChangeEvent event) {
            if (event.getProperty().getValue() != null)
                censusDistrict.setContainerDataSource(
                        new District(Integer.parseInt(event.getProperty().getValue().toString())));
        }
    });
    addressGroup.addComponent(censusProvince);

    censusDistrict = new NativeSelect("");
    //censusDistrict.setInputPrompt("??");
    censusDistrict.setItemCaptionPropertyId("name");
    censusDistrict.setImmediate(true);
    censusDistrict.setNullSelectionAllowed(false);
    censusDistrict.setWidth("-1px");
    censusDistrict.setHeight("-1px");
    //censusDistrict.setFilteringMode(FilteringMode.CONTAINS);
    censusDistrict.addValueChangeListener(new ValueChangeListener() {
        private static final long serialVersionUID = 1L;

        @Override
        public void valueChange(ValueChangeEvent event) {
            if (event.getProperty().getValue() != null) {
                censusCity.setContainerDataSource(
                        new City(Integer.parseInt(event.getProperty().getValue().toString())));
                censusPostcode.setContainerDataSource(
                        new Postcode(Integer.parseInt(event.getProperty().getValue().toString())));
            }
        }
    });
    addressGroup.addComponent(censusDistrict);

    censusCity = new NativeSelect("");
    //censusCity.setInputPrompt("??");
    censusCity.setItemCaptionPropertyId("name");
    censusCity.setImmediate(true);
    censusCity.setNullSelectionAllowed(false);
    censusCity.setWidth("-1px");
    censusCity.setHeight("-1px");
    //censusCity.setFilteringMode(FilteringMode.CONTAINS);
    addressGroup.addComponent(censusCity);

    censusPostcode = new NativeSelect(
            "");
    //censusPostcode.setInputPrompt("??");
    censusPostcode.setItemCaptionPropertyId("name");
    censusPostcode.setImmediate(true);
    censusPostcode.setNullSelectionAllowed(false);
    censusPostcode.setWidth("-1px");
    censusPostcode.setHeight("-1px");
    //censusPostcode.setFilteringMode(FilteringMode.CONTAINS);
    addressGroup.addComponent(censusPostcode);

    HorizontalLayout buttonLayout = new HorizontalLayout();
    buttonLayout.setSpacing(true);
    buttonLayout.setWidth("100%");
    addressGroup.addComponent(buttonLayout);

    licensessBack = new Button(FontAwesome.ARROW_LEFT);
    licensessBack.setWidth("100%");
    licensessBack.addClickListener(new ClickListener() {
        private static final long serialVersionUID = 1L;

        @Override
        public void buttonClick(ClickEvent event) {
            setSelectedTab(licenseeGroup);
        }
    });
    buttonLayout.addComponents(licensessBack);

    fatherNext = new Button(FontAwesome.SAVE);
    fatherNext.setWidth("100%");
    fatherNext.addClickListener(new ClickListener() {
        private static final long serialVersionUID = 1L;

        @Override
        public void buttonClick(ClickEvent event) {
            ConfirmDialog.show(UI.getCurrent(), "",
                    "?    ?",
                    "", "", new ConfirmDialog.Listener() {
                        private static final long serialVersionUID = 1L;

                        public void onClose(ConfirmDialog dialog) {
                            /*   ?
                             *  ? ?
                             *  ?  ?? */
                            if (dialog.isConfirmed()) {
                                isInsertParents = true;
                                setSelectedTab(fatherGroup);
                            } else {
                                isInsertParents = false;

                                finish.click();
                            }
                        }
                    });
        }
    });

    buttonLayout.addComponents(fatherNext);
}

From source file:com.ies.schoolos.ui.mobile.info.layout.PersonalLayout.java

private void fatherGroup() {
    fatherGroup = new VerticalComponentGroup();
    fatherGroup.setSizeUndefined();/* ww w .jav a  2 s . c  o m*/

    addTab(fatherGroup, "", FontAwesome.MALE);

    fPeopleIdType = new OptionGroup("", new PeopleIdType());
    fPeopleIdType.setItemCaptionPropertyId("name");
    fPeopleIdType.setImmediate(true);
    fPeopleIdType.setNullSelectionAllowed(false);
    fPeopleIdType.setWidth("-1px");
    fPeopleIdType.setHeight("-1px");
    fatherGroup.addComponent(fPeopleIdType);

    fPeopleid = new TextField("");
    fPeopleid.setInputPrompt("");
    fPeopleid.setImmediate(false);
    fPeopleid.setWidth("-1px");
    fPeopleid.setHeight("-1px");
    fPeopleid.setNullRepresentation("");
    fPeopleid.addTextChangeListener(new TextChangeListener() {
        private static final long serialVersionUID = 1L;

        @Override
        public void textChange(TextChangeEvent event) {
            if (event.getText() != null) {
                if (event.getText().length() >= 13) {
                    fSqlContainer.addContainerFilter(new Equal(FamilySchema.PEOPLE_ID, event.getText()));
                    if (fSqlContainer.size() > 0) {
                        Item item = fSqlContainer.getItem(fSqlContainer.getIdByIndex(0));
                        fatherBinder.setItemDataSource(item);
                        pkStore[0] = item.getItemProperty(FamilySchema.FAMILY_ID).getValue();
                        fatherBinder.setEnabled(false);
                        isDuplicateFather = true;
                    }
                    fSqlContainer.removeAllContainerFilters();
                }
            }
        }
    });
    fatherGroup.addComponent(fPeopleid);

    fPrename = new NativeSelect("", new Prename());
    //fPrename.setInputPrompt("??");
    fPrename.setValue("");
    fPrename.setItemCaptionPropertyId("name");
    fPrename.setImmediate(true);
    fPrename.setNullSelectionAllowed(false);
    fPrename.setRequired(true);
    fPrename.setWidth("-1px");
    fPrename.setHeight("-1px");
    //fPrename.setFilteringMode(FilteringMode.CONTAINS);
    fatherGroup.addComponent(fPrename);

    fFirstname = new TextField("");
    fFirstname.setInputPrompt("");
    fFirstname.setImmediate(false);
    fFirstname.setRequired(true);
    fFirstname.setWidth("-1px");
    fFirstname.setHeight("-1px");
    fFirstname.setNullRepresentation("");
    fatherGroup.addComponent(fFirstname);

    fLastname = new TextField("?");
    fLastname.setInputPrompt("?");
    fLastname.setImmediate(false);
    fLastname.setRequired(true);
    fLastname.setWidth("-1px");
    fLastname.setHeight("-1px");
    fLastname.setNullRepresentation("");
    fatherGroup.addComponent(fLastname);

    fFirstnameNd = new TextField("?");
    fFirstnameNd.setInputPrompt("?");
    fFirstnameNd.setImmediate(false);
    fFirstnameNd.setWidth("-1px");
    fFirstnameNd.setHeight("-1px");
    fFirstnameNd.setNullRepresentation("");
    fatherGroup.addComponent(fFirstnameNd);

    fLastnameNd = new TextField("??");
    fLastnameNd.setInputPrompt("??");
    fLastnameNd.setImmediate(false);
    fLastnameNd.setWidth("-1px");
    fLastnameNd.setHeight("-1px");
    fLastnameNd.setNullRepresentation("");
    fatherGroup.addComponent(fLastnameNd);

    fGender = new OptionGroup("", new Gender());
    fGender.setItemCaptionPropertyId("name");
    fGender.setImmediate(true);
    fGender.setNullSelectionAllowed(false);
    fGender.setRequired(true);
    fGender.setWidth("-1px");
    fGender.setHeight("-1px");
    fatherGroup.addComponent(fGender);

    fReligion = new NativeSelect("", new Religion());
    //fReligion.setInputPrompt("??");
    fReligion.setItemCaptionPropertyId("name");
    fReligion.setImmediate(true);
    fReligion.setNullSelectionAllowed(false);
    fReligion.setRequired(true);
    fReligion.setWidth("-1px");
    fReligion.setHeight("-1px");
    //fReligion.setFilteringMode(FilteringMode.CONTAINS);
    fatherGroup.addComponent(fReligion);

    fRace = new NativeSelect("", new Race());
    //fRace.setInputPrompt("??");
    fRace.setItemCaptionPropertyId("name");
    fRace.setImmediate(true);
    fRace.setNullSelectionAllowed(false);
    fRace.setRequired(true);
    fRace.setWidth("-1px");
    fRace.setHeight("-1px");
    //fRace.setFilteringMode(FilteringMode.CONTAINS);
    fatherGroup.addComponent(fRace);

    fNationality = new NativeSelect("?", new Nationality());
    //fNationality.setInputPrompt("??");
    fNationality.setItemCaptionPropertyId("name");
    fNationality.setImmediate(true);
    fNationality.setNullSelectionAllowed(false);
    fNationality.setRequired(true);
    fNationality.setWidth("-1px");
    fNationality.setHeight("-1px");
    //fNationality.setFilteringMode(FilteringMode.CONTAINS);
    fatherGroup.addComponent(fNationality);

    fBirthDate = new PopupDateField("   ?");
    fBirthDate.setInputPrompt("//");
    fBirthDate.setImmediate(false);
    fBirthDate.setWidth("-1px");
    fBirthDate.setHeight("-1px");
    fBirthDate.setDateFormat("dd/MM/yyyy");
    fBirthDate.setLocale(new Locale("th", "TH"));
    fatherGroup.addComponent(fBirthDate);

    fTel = new TextField("");
    fTel.setInputPrompt("");
    fTel.setImmediate(false);
    fTel.setWidth("-1px");
    fTel.setHeight("-1px");
    fTel.setNullRepresentation("");
    fatherGroup.addComponent(fTel);

    fMobile = new TextField("");
    fMobile.setInputPrompt("");
    fMobile.setImmediate(false);
    fMobile.setWidth("-1px");
    fMobile.setHeight("-1px");
    fMobile.setNullRepresentation("");
    fatherGroup.addComponent(fMobile);

    fEmail = new TextField("");
    fEmail.setInputPrompt("");
    fEmail.setImmediate(false);
    fEmail.setWidth("-1px");
    fEmail.setHeight("-1px");
    fEmail.setNullRepresentation("");
    fEmail.addValidator(new EmailValidator("?"));
    fatherGroup.addComponent(fEmail);

    fSalary = new NumberField("");
    fSalary.setInputPrompt("");
    fSalary.setImmediate(false);
    fSalary.setWidth("-1px");
    fSalary.setHeight("-1px");
    fSalary.setNullRepresentation("");
    fatherGroup.addComponent(fSalary);

    fAliveStatus = new NativeSelect("", new AliveStatus());
    //fAliveStatus.setInputPrompt("??");
    fAliveStatus.setItemCaptionPropertyId("name");
    fAliveStatus.setImmediate(true);
    fAliveStatus.setNullSelectionAllowed(false);
    fAliveStatus.setRequired(true);
    fAliveStatus.setWidth("-1px");
    fAliveStatus.setHeight("-1px");
    //fAliveStatus.setFilteringMode(FilteringMode.CONTAINS);
    fatherGroup.addComponent(fAliveStatus);

    fOccupation = new NativeSelect("", new Occupation());
    //fOccupation.setInputPrompt("??");
    fOccupation.setItemCaptionPropertyId("name");
    fOccupation.setImmediate(true);
    fOccupation.setNullSelectionAllowed(false);
    fOccupation.setRequired(true);
    fOccupation.setWidth("-1px");
    fOccupation.setHeight("-1px");
    //fOccupation.setFilteringMode(FilteringMode.CONTAINS);
    fatherGroup.addComponent(fOccupation);

    fJobAddress = new TextArea("");
    fJobAddress.setInputPrompt("  ");
    fJobAddress.setImmediate(false);
    fJobAddress.setWidth("-1px");
    fJobAddress.setHeight("-1px");
    fJobAddress.setNullRepresentation("");
    fatherGroup.addComponent(fJobAddress);

    fCurrentAddress = new TextArea("");
    fCurrentAddress.setInputPrompt("  ");
    fCurrentAddress.setImmediate(false);
    fCurrentAddress.setWidth("-1px");
    fCurrentAddress.setHeight("-1px");
    fCurrentAddress.setNullRepresentation("");
    fatherGroup.addComponent(fCurrentAddress);

    fCurrentProvinceId = new NativeSelect("", new Province());
    //fCurrentProvinceId.setInputPrompt("??");
    fCurrentProvinceId.setItemCaptionPropertyId("name");
    fCurrentProvinceId.setImmediate(true);
    fCurrentProvinceId.setNullSelectionAllowed(false);
    fCurrentProvinceId.setWidth("-1px");
    fCurrentProvinceId.setHeight("-1px");
    //fCurrentProvinceId.setFilteringMode(FilteringMode.CONTAINS);
    fCurrentProvinceId.addValueChangeListener(new ValueChangeListener() {
        private static final long serialVersionUID = 1L;

        @Override
        public void valueChange(ValueChangeEvent event) {
            if (event.getProperty().getValue() != null)
                fCurrentDistrict.setContainerDataSource(
                        new District(Integer.parseInt(event.getProperty().getValue().toString())));
        }
    });
    fatherGroup.addComponent(fCurrentProvinceId);

    fCurrentDistrict = new NativeSelect("");
    //fCurrentDistrict.setInputPrompt("??");
    fCurrentDistrict.setItemCaptionPropertyId("name");
    fCurrentDistrict.setImmediate(true);
    fCurrentDistrict.setNullSelectionAllowed(false);
    fCurrentDistrict.setWidth("-1px");
    fCurrentDistrict.setHeight("-1px");
    //fCurrentDistrict.setFilteringMode(FilteringMode.CONTAINS);
    fCurrentDistrict.addValueChangeListener(new ValueChangeListener() {
        private static final long serialVersionUID = 1L;

        @Override
        public void valueChange(ValueChangeEvent event) {
            if (event.getProperty().getValue() != null) {
                fCurrentCity.setContainerDataSource(
                        new City(Integer.parseInt(event.getProperty().getValue().toString())));
                fCurrentPostcode.setContainerDataSource(
                        new Postcode(Integer.parseInt(event.getProperty().getValue().toString())));
            }
        }
    });
    fatherGroup.addComponent(fCurrentDistrict);

    fCurrentCity = new NativeSelect("");
    //fCurrentCity.setInputPrompt("??");
    fCurrentCity.setItemCaptionPropertyId("name");
    fCurrentCity.setImmediate(true);
    fCurrentCity.setNullSelectionAllowed(false);
    fCurrentCity.setWidth("-1px");
    fCurrentCity.setHeight("-1px");
    //fCurrentCity.setFilteringMode(FilteringMode.CONTAINS);
    fatherGroup.addComponent(fCurrentCity);

    fCurrentPostcode = new NativeSelect("");
    //fCurrentPostcode.setInputPrompt("??");
    fCurrentPostcode.setItemCaptionPropertyId("name");
    fCurrentPostcode.setImmediate(true);
    fCurrentPostcode.setNullSelectionAllowed(false);
    fCurrentPostcode.setWidth("-1px");
    fCurrentPostcode.setHeight("-1px");
    //fCurrentPostcode.setFilteringMode(FilteringMode.CONTAINS);
    fatherGroup.addComponent(fCurrentPostcode);

    HorizontalLayout buttonLayout = new HorizontalLayout();
    buttonLayout.setSpacing(true);
    buttonLayout.setWidth("100%");
    fatherGroup.addComponent(buttonLayout);

    addressBack = new Button(FontAwesome.ARROW_LEFT);
    addressBack.setWidth("100%");
    addressBack.addClickListener(new ClickListener() {
        private static final long serialVersionUID = 1L;

        @Override
        public void buttonClick(ClickEvent event) {
            setSelectedTab(addressGroup);
        }
    });
    buttonLayout.addComponents(addressBack);

    motherNext = new Button(FontAwesome.ARROW_RIGHT);
    motherNext.setWidth("100%");
    motherNext.addClickListener(new ClickListener() {
        private static final long serialVersionUID = 1L;

        @Override
        public void buttonClick(ClickEvent event) {
            setSelectedTab(motherGroup);
        }
    });
    buttonLayout.addComponents(motherNext);
}

From source file:com.ies.schoolos.ui.mobile.info.layout.PersonalLayout.java

private void motherGroup() {
    motherGroup = new VerticalComponentGroup();
    motherGroup.setSizeUndefined();/*from  w w  w. j  a  va 2  s .  c om*/

    addTab(motherGroup, "", FontAwesome.FEMALE);

    mPeopleIdType = new OptionGroup("", new PeopleIdType());
    mPeopleIdType.setItemCaptionPropertyId("name");
    mPeopleIdType.setImmediate(true);
    mPeopleIdType.setNullSelectionAllowed(false);
    mPeopleIdType.setWidth("-1px");
    mPeopleIdType.setHeight("-1px");
    motherGroup.addComponent(mPeopleIdType);

    mPeopleid = new TextField("");
    mPeopleid.setInputPrompt("");
    mPeopleid.setImmediate(false);
    mPeopleid.setWidth("-1px");
    mPeopleid.setHeight("-1px");
    mPeopleid.setNullRepresentation("");
    mPeopleid.addTextChangeListener(new TextChangeListener() {
        private static final long serialVersionUID = 1L;

        @Override
        public void textChange(TextChangeEvent event) {
            if (event.getText() != null) {
                if (event.getText().length() >= 13) {
                    fSqlContainer.addContainerFilter(new Equal(FamilySchema.PEOPLE_ID, event.getText()));
                    if (fSqlContainer.size() > 0) {
                        Item item = fSqlContainer.getItem(fSqlContainer.getIdByIndex(0));
                        motherBinder.setItemDataSource(item);
                        pkStore[1] = item.getItemProperty(FamilySchema.FAMILY_ID).getValue();
                        motherBinder.setEnabled(false);
                        isDuplicateMother = true;
                    }
                    fSqlContainer.removeAllContainerFilters();
                }
            }
        }
    });
    motherGroup.addComponent(mPeopleid);

    mPrename = new NativeSelect("", new Prename());
    //mPrename.setInputPrompt("??");
    mPrename.setItemCaptionPropertyId("name");
    mPrename.setImmediate(true);
    mPrename.setNullSelectionAllowed(false);
    mPrename.setRequired(true);
    mPrename.setWidth("-1px");
    mPrename.setHeight("-1px");
    //mPrename.setFilteringMode(FilteringMode.CONTAINS);
    motherGroup.addComponent(mPrename);

    mFirstname = new TextField("");
    mFirstname.setInputPrompt("");
    mFirstname.setImmediate(false);
    mFirstname.setRequired(true);
    mFirstname.setWidth("-1px");
    mFirstname.setHeight("-1px");
    mFirstname.setNullRepresentation("");
    motherGroup.addComponent(mFirstname);

    mLastname = new TextField("?");
    mLastname.setInputPrompt("?");
    mLastname.setImmediate(false);
    mLastname.setRequired(true);
    mLastname.setWidth("-1px");
    mLastname.setHeight("-1px");
    mLastname.setNullRepresentation("");
    motherGroup.addComponent(mLastname);

    mFirstnameNd = new TextField("?");
    mFirstnameNd.setInputPrompt("?");
    mFirstnameNd.setImmediate(false);
    mFirstnameNd.setWidth("-1px");
    mFirstnameNd.setHeight("-1px");
    mFirstnameNd.setNullRepresentation("");
    motherGroup.addComponent(mFirstnameNd);

    mLastnameNd = new TextField("??");
    mLastnameNd.setInputPrompt("??");
    mLastnameNd.setImmediate(false);
    mLastnameNd.setWidth("-1px");
    mLastnameNd.setHeight("-1px");
    mLastnameNd.setNullRepresentation("");
    motherGroup.addComponent(mLastnameNd);

    mGender = new OptionGroup("", new Gender());
    mGender.setItemCaptionPropertyId("name");
    mGender.setImmediate(true);
    mGender.setNullSelectionAllowed(false);
    mGender.setRequired(true);
    mGender.setWidth("-1px");
    mGender.setHeight("-1px");
    motherGroup.addComponent(mGender);

    mReligion = new NativeSelect("", new Religion());
    //mReligion.setInputPrompt("??");
    mReligion.setItemCaptionPropertyId("name");
    mReligion.setImmediate(true);
    mReligion.setNullSelectionAllowed(false);
    mReligion.setRequired(true);
    mReligion.setWidth("-1px");
    mReligion.setHeight("-1px");
    //mReligion.setFilteringMode(FilteringMode.CONTAINS);
    motherGroup.addComponent(mReligion);

    mRace = new NativeSelect("", new Race());
    //mRace.setInputPrompt("??");
    mRace.setItemCaptionPropertyId("name");
    mRace.setImmediate(true);
    mRace.setNullSelectionAllowed(false);
    mRace.setRequired(true);
    mRace.setWidth("-1px");
    mRace.setHeight("-1px");
    //mRace.setFilteringMode(FilteringMode.CONTAINS);
    motherGroup.addComponent(mRace);

    mNationality = new NativeSelect("?", new Nationality());
    //mNationality.setInputPrompt("??");
    mNationality.setItemCaptionPropertyId("name");
    mNationality.setImmediate(true);
    mNationality.setNullSelectionAllowed(false);
    mNationality.setRequired(true);
    mNationality.setWidth("-1px");
    mNationality.setHeight("-1px");
    //mNationality.setFilteringMode(FilteringMode.CONTAINS);
    motherGroup.addComponent(mNationality);

    mBirthDate = new PopupDateField("   ?");
    mBirthDate.setInputPrompt("//");
    mBirthDate.setImmediate(false);
    mBirthDate.setWidth("-1px");
    mBirthDate.setHeight("-1px");
    mBirthDate.setDateFormat("dd/MM/yyyy");
    mBirthDate.setLocale(new Locale("th", "TH"));
    motherGroup.addComponent(mBirthDate);

    mTel = new TextField("");
    mTel.setInputPrompt("");
    mTel.setImmediate(false);
    mTel.setWidth("-1px");
    mTel.setHeight("-1px");
    mTel.setNullRepresentation("");
    motherGroup.addComponent(mTel);

    mMobile = new TextField("");
    mMobile.setInputPrompt("");
    mMobile.setImmediate(false);
    mMobile.setWidth("-1px");
    mMobile.setHeight("-1px");
    mMobile.setNullRepresentation("");
    motherGroup.addComponent(mMobile);

    mEmail = new TextField("");
    mEmail.setInputPrompt("");
    mEmail.setImmediate(false);
    mEmail.setWidth("-1px");
    mEmail.setHeight("-1px");
    mEmail.setNullRepresentation("");
    mEmail.addValidator(new EmailValidator("?"));
    motherGroup.addComponent(mEmail);

    mSalary = new NumberField("");
    mSalary.setInputPrompt("");
    mSalary.setImmediate(false);
    mSalary.setWidth("-1px");
    mSalary.setHeight("-1px");
    mSalary.setNullRepresentation("");
    motherGroup.addComponent(mSalary);

    mAliveStatus = new NativeSelect("", new AliveStatus());
    //mAliveStatus.setInputPrompt("??");
    mAliveStatus.setItemCaptionPropertyId("name");
    mAliveStatus.setImmediate(true);
    mAliveStatus.setNullSelectionAllowed(false);
    mAliveStatus.setRequired(true);
    mAliveStatus.setWidth("-1px");
    mAliveStatus.setHeight("-1px");
    //mAliveStatus.setFilteringMode(FilteringMode.CONTAINS);
    motherGroup.addComponent(mAliveStatus);

    mOccupation = new NativeSelect("", new Occupation());
    //mOccupation.setInputPrompt("??");
    mOccupation.setItemCaptionPropertyId("name");
    mOccupation.setImmediate(true);
    mOccupation.setNullSelectionAllowed(false);
    mOccupation.setRequired(true);
    mOccupation.setWidth("-1px");
    mOccupation.setHeight("-1px");
    //mOccupation.setFilteringMode(FilteringMode.CONTAINS);
    motherGroup.addComponent(mOccupation);

    mJobAddress = new TextArea("");
    mJobAddress.setInputPrompt("  ");
    mJobAddress.setImmediate(false);
    mJobAddress.setWidth("-1px");
    mJobAddress.setHeight("-1px");
    mJobAddress.setNullRepresentation("");
    motherGroup.addComponent(mJobAddress);

    mCurrentAddress = new TextArea("");
    mCurrentAddress.setInputPrompt("  ");
    mCurrentAddress.setImmediate(false);
    mCurrentAddress.setWidth("-1px");
    mCurrentAddress.setHeight("-1px");
    mCurrentAddress.setNullRepresentation("");
    motherGroup.addComponent(mCurrentAddress);

    mCurrentProvinceId = new NativeSelect("", new Province());
    //mCurrentProvinceId.setInputPrompt("??");
    mCurrentProvinceId.setItemCaptionPropertyId("name");
    mCurrentProvinceId.setImmediate(true);
    mCurrentProvinceId.setNullSelectionAllowed(false);
    mCurrentProvinceId.setWidth("-1px");
    mCurrentProvinceId.setHeight("-1px");
    //mCurrentProvinceId.setFilteringMode(FilteringMode.CONTAINS);
    mCurrentProvinceId.addValueChangeListener(new ValueChangeListener() {
        private static final long serialVersionUID = 1L;

        @Override
        public void valueChange(ValueChangeEvent event) {
            if (event.getProperty().getValue() != null)
                mCurrentDistrict.setContainerDataSource(
                        new District(Integer.parseInt(event.getProperty().getValue().toString())));
        }
    });
    motherGroup.addComponent(mCurrentProvinceId);

    mCurrentDistrict = new NativeSelect("");
    //mCurrentDistrict.setInputPrompt("??");
    mCurrentDistrict.setItemCaptionPropertyId("name");
    mCurrentDistrict.setImmediate(true);
    mCurrentDistrict.setNullSelectionAllowed(false);
    mCurrentDistrict.setWidth("-1px");
    mCurrentDistrict.setHeight("-1px");
    //mCurrentDistrict.setFilteringMode(FilteringMode.CONTAINS);
    mCurrentDistrict.addValueChangeListener(new ValueChangeListener() {
        private static final long serialVersionUID = 1L;

        @Override
        public void valueChange(ValueChangeEvent event) {
            if (event.getProperty().getValue() != null) {
                mCurrentCity.setContainerDataSource(
                        new City(Integer.parseInt(event.getProperty().getValue().toString())));
                mCurrentPostcode.setContainerDataSource(
                        new Postcode(Integer.parseInt(event.getProperty().getValue().toString())));
            }
        }
    });
    motherGroup.addComponent(mCurrentDistrict);

    mCurrentCity = new NativeSelect("");
    //mCurrentCity.setInputPrompt("??");
    mCurrentCity.setItemCaptionPropertyId("name");
    mCurrentCity.setImmediate(true);
    mCurrentCity.setNullSelectionAllowed(false);
    mCurrentCity.setWidth("-1px");
    mCurrentCity.setHeight("-1px");
    //mCurrentCity.setFilteringMode(FilteringMode.CONTAINS);
    motherGroup.addComponent(mCurrentCity);

    mCurrentPostcode = new NativeSelect("");
    //mCurrentPostcode.setInputPrompt("??");
    mCurrentPostcode.setItemCaptionPropertyId("name");
    mCurrentPostcode.setImmediate(true);
    mCurrentPostcode.setNullSelectionAllowed(false);
    mCurrentPostcode.setWidth("-1px");
    mCurrentPostcode.setHeight("-1px");
    //mCurrentPostcode.setFilteringMode(FilteringMode.CONTAINS);
    motherGroup.addComponent(mCurrentPostcode);

    HorizontalLayout buttonLayout = new HorizontalLayout();
    buttonLayout.setSpacing(true);
    buttonLayout.setWidth("100%");
    motherGroup.addComponent(buttonLayout);

    fatherBack = new Button(FontAwesome.ARROW_LEFT);
    fatherBack.setWidth("100%");
    fatherBack.addClickListener(new ClickListener() {
        private static final long serialVersionUID = 1L;

        @Override
        public void buttonClick(ClickEvent event) {
            setSelectedTab(fatherGroup);
        }
    });
    buttonLayout.addComponents(fatherBack);

    spouseNext = new Button(FontAwesome.ARROW_RIGHT);
    spouseNext.setWidth("100%");
    spouseNext.addClickListener(new ClickListener() {
        private static final long serialVersionUID = 1L;

        @Override
        public void buttonClick(ClickEvent event) {
            setSelectedTab(spouseGroup);
        }
    });
    buttonLayout.addComponents(spouseNext);
}