/** * Constructs a HorizontalLayout with the given components. The components * are added in the given order. * * @see AbstractOrderedLayout#addComponents(Component...) * * @param children * The components to add. */ public HorizontalLayout(Component... children) { this(); addComponents(children); }
/** * Adds the given components to this layout and sets them as expanded. The * width of all added child components are set to 100% so that the expansion * will be effective. The width of this layout is also set to 100% if it is * currently undefined. * <p> * The components are added in the provided order to the end of this layout. * Any components that are already children of this layout will be moved to * new positions. * * @param components * the components to set, not <code>null</code> * @since 8.0 */ public void addComponentsAndExpand(Component... components) { addComponents(components); if (getWidth() < 0) { setWidth(100, Unit.PERCENTAGE); } for (Component child : components) { child.setWidth(100, Unit.PERCENTAGE); setExpandRatio(child, 1); } }
private HorizontalLayout getCaptionLayout() { final HorizontalLayout captionLayout = new HorizontalLayout(); captionLayout.setSizeFull(); captionLayout.setHeight("36px"); captionLayout.addComponents(windowCaption, closeButton); captionLayout.setExpandRatio(windowCaption, 1.0F); captionLayout.addStyleName("v-window-header"); return captionLayout; }
private HorizontalLayout getCaptionLayout() { final HorizontalLayout captionLayout = new HorizontalLayout(); captionLayout.setSizeFull(); captionLayout.setHeight("36px"); captionLayout.addComponents(windowCaption, closeButton); captionLayout.setExpandRatio(windowCaption, 1.0F); captionLayout.addStyleName("v-window-header"); return captionLayout; }
protected Component buildFields() { final HorizontalLayout fields = new HorizontalLayout(); fields.setSpacing(true); fields.addStyleName("fields"); buildTenantField(); buildUserField(); buildPasswordField(); buildSignInButton(); if (multiTenancyIndicator.isMultiTenancySupported()) { fields.addComponents(tenant, username, password, signIn); } else { fields.addComponents(username, password, signIn); } fields.setComponentAlignment(signIn, Alignment.BOTTOM_LEFT); signIn.addClickListener(event -> handleLogin()); return fields; }
protected Component buildFields() { final HorizontalLayout fields = new HorizontalLayout(); fields.setSpacing(true); fields.addStyleName("fields"); buildTenantField(); buildUserField(); buildPasswordField(); buildSignInButton(); if (multiTenancyIndicator.isMultiTenancySupported()) { fields.addComponents(tenant, username, password, signIn); } else { fields.addComponents(username, password, signIn); } fields.setComponentAlignment(signIn, Alignment.BOTTOM_LEFT); signIn.addClickListener(event -> handleLogin()); return fields; }
private HorizontalLayout createFilters() { HorizontalLayout controls = new HorizontalLayout(); controls.setWidth("100%"); journals = new JournalsCombo(true); journals.setValue(journals.getDataProvider().fetch(new Query<>()).findFirst().orElse(null)); controls.addComponents(journals, dateRangeComponent); controls.setComponentAlignment(dateRangeComponent, Alignment.MIDDLE_LEFT); controls.setComponentAlignment(journals, Alignment.MIDDLE_RIGHT); controls.setExpandRatio(journals, 0f); controls.setExpandRatio(dateRangeComponent, 1f); controls.setMargin(new MarginInfo(false,true,true,true)); controls.setSpacing(true); return controls; }
private void buildLayout() { final HorizontalLayout titleFilterIconsLayout = createHeaderFilterIconLayout(); titleFilterIconsLayout.addComponents(headerCaptionLayout); if (isAllowSearch() && isRollout()) { titleFilterIconsLayout.addComponents(searchField, searchResetIcon); titleFilterIconsLayout.setExpandRatio(headerCaptionLayout, 0.3F); titleFilterIconsLayout.setExpandRatio(searchField, 0.7F); } if (hasCreatePermission() && isRollout()) { titleFilterIconsLayout.addComponent(addButton); titleFilterIconsLayout.setComponentAlignment(addButton, Alignment.TOP_LEFT); } if (showCloseButton()) { titleFilterIconsLayout.addComponent(closeButton); titleFilterIconsLayout.setComponentAlignment(closeButton, Alignment.TOP_RIGHT); } titleFilterIconsLayout.setHeight("40px"); addComponent(titleFilterIconsLayout); addStyleName("bordered-layout"); addStyleName("no-border-bottom"); }
private void buildLayout() { final HorizontalLayout titleFilterIconsLayout = createHeaderFilterIconLayout(); titleFilterIconsLayout.addComponents(headerCaptionLayout); if (isAllowSearch() && isRollout()) { titleFilterIconsLayout.addComponents(searchField, searchResetIcon); titleFilterIconsLayout.setExpandRatio(headerCaptionLayout, 0.3F); titleFilterIconsLayout.setExpandRatio(searchField, 0.7F); } if (hasCreatePermission() && isRollout()) { titleFilterIconsLayout.addComponent(addButton); titleFilterIconsLayout.setComponentAlignment(addButton, Alignment.TOP_LEFT); } if (showCloseButton()) { titleFilterIconsLayout.addComponent(closeButton); titleFilterIconsLayout.setComponentAlignment(closeButton, Alignment.TOP_RIGHT); } titleFilterIconsLayout.setHeight("40px"); addComponent(titleFilterIconsLayout); addStyleName("bordered-layout"); addStyleName("no-border-bottom"); }
private void buildLayout() { final HorizontalLayout titleFilterIconsLayout = createHeaderFilterIconLayout(); titleFilterIconsLayout.addComponents(headerCaption, searchField, searchResetIcon); if (permissionChecker.hasCreateTargetPermission()) { titleFilterIconsLayout.addComponent(createfilterButton); titleFilterIconsLayout.setComponentAlignment(createfilterButton, Alignment.TOP_LEFT); } titleFilterIconsLayout.setExpandRatio(headerCaption, 0.3F); titleFilterIconsLayout.setExpandRatio(searchField, 0.7F); titleFilterIconsLayout.setHeight("40px"); addComponent(titleFilterIconsLayout); addStyleName("bordered-layout"); addStyleName("no-border-bottom"); }
private void buildLayout() { final HorizontalLayout titleFilterIconsLayout = createHeaderFilterIconLayout(); titleFilterIconsLayout.addComponents(headerCaption, searchField, searchResetIcon); if (permissionChecker.hasCreateTargetPermission()) { titleFilterIconsLayout.addComponent(createfilterButton); titleFilterIconsLayout.setComponentAlignment(createfilterButton, Alignment.TOP_LEFT); } titleFilterIconsLayout.setExpandRatio(headerCaption, 0.3F); titleFilterIconsLayout.setExpandRatio(searchField, 0.7F); titleFilterIconsLayout.setHeight("40px"); addComponent(titleFilterIconsLayout); addStyleName("bordered-layout"); addStyleName("no-border-bottom"); }
private EditorView<T> addSubForm(VerticalLayout parent, ItemProviderStrategy<T> itemProvider) { // create subform MultiFormDefinition<T> multiFormDefinitionClone = MutableWrapper.wrap(definition); FormDefinitionMutator.accessMutable(multiFormDefinitionClone.getForm()) .setName(getSubFormName(multiFormDefinitionClone)); if (itemProvider == null) { itemProvider = () -> multiFormItemProvider.read().map(t -> orderHandler.getOrCreate(t, multiFormDefinitionClone.getForm().getName(), locale)); } EditorView<T> subForm = getViewProvider().create(multiFormDefinitionClone.getForm(), itemProvider); forms.put(subForm, itemProvider); formOrder.add(subForm); // setup buttons, listeners and layout VerticalLayout wrapLayout = new VerticalLayout(); HorizontalLayout buttonLayout = new HorizontalLayout(); buttonLayout.addComponents( new Button(MagnoliaIcons.ARROW2_N, e -> onMove(parent, wrapLayout, MoveDirection.UP)), new Button(MagnoliaIcons.ARROW2_S, e -> onMove(parent, wrapLayout, MoveDirection.DOWN)), new Button(MagnoliaIcons.TRASH, e -> onDelete(parent, subForm))); buttonLayout.forEach(button -> button.addStyleName(ResurfaceTheme.BUTTON_ICON)); wrapLayout.addComponents(subForm.asVaadinComponent(), buttonLayout); parent.addComponent(wrapLayout, parent.getComponentCount() - 1); return subForm; }
@Override protected void init(VaadinRequest request) { final HorizontalLayout layout = new HorizontalLayout(); layout.setSizeFull(); VerticalLayout left = new VerticalLayout(), middle = new VerticalLayout(), right = new VerticalLayout(); TextField a1 = new TextField(), b1 = new TextField(), c1 = new TextField(); TextField a2 = new TextField(), b2 = new TextField(); TextField a3 = new TextField(), b3 = new TextField(), c3 = new TextField(); layout.addComponents(left, middle, right); left.addComponents(a1, b1, c1); middle.addComponents(a2, b2); right.addComponents(a3, b3, c3); setContent(layout); }
/** * Builds the title layout. * * @return title-layout */ protected HorizontalLayout buildTitleLayout() { titleLayout = new HorizontalLayout(); titleLayout.addStyleName(SPUIStyleDefinitions.WIDGET_TITLE); titleLayout.setSpacing(false); titleLayout.setMargin(false); titleLayout.setSizeFull(); titleLayout.addComponent(title); titleLayout.setComponentAlignment(title, Alignment.TOP_LEFT); titleLayout.setExpandRatio(title, 0.8F); if (hasHeaderMaximizeSupport()) { titleLayout.addComponents(getHeaderMaximizeSupport().maxMinButton); titleLayout.setComponentAlignment(getHeaderMaximizeSupport().maxMinButton, Alignment.TOP_RIGHT); titleLayout.setExpandRatio(getHeaderMaximizeSupport().maxMinButton, 0.2F); } return titleLayout; }
/** * Builds the title layout. * * @return title-layout */ protected HorizontalLayout buildTitleLayout() { titleLayout = new HorizontalLayout(); titleLayout.addStyleName(SPUIStyleDefinitions.WIDGET_TITLE); titleLayout.setSpacing(false); titleLayout.setMargin(false); titleLayout.setSizeFull(); titleLayout.addComponent(title); titleLayout.setComponentAlignment(title, Alignment.TOP_LEFT); titleLayout.setExpandRatio(title, 0.8F); if (hasHeaderMaximizeSupport()) { titleLayout.addComponents(getHeaderMaximizeSupport().maxMinButton); titleLayout.setComponentAlignment(getHeaderMaximizeSupport().maxMinButton, Alignment.TOP_RIGHT); titleLayout.setExpandRatio(getHeaderMaximizeSupport().maxMinButton, 0.2F); } return titleLayout; }
private void buildLayout() { mainLayout = new VerticalLayout(); mainLayout.setSpacing(Boolean.TRUE); mainLayout.setSizeUndefined(); mainLayout.setWidth("200px"); final HorizontalLayout captionLayout = new HorizontalLayout(); captionLayout.setSizeFull(); captionLayout.addComponents(windowCaption, minimizeButton, closeButton); captionLayout.setExpandRatio(windowCaption, 1.0F); captionLayout.addStyleName("v-window-header"); final HorizontalLayout uploaderLayout = new HorizontalLayout(); uploaderLayout.addComponent(bulkUploader); uploaderLayout.addComponent(linkToSystemConfigHelp); uploaderLayout.setComponentAlignment(linkToSystemConfigHelp, Alignment.BOTTOM_RIGHT); uploaderLayout.setExpandRatio(bulkUploader, 1.0F); uploaderLayout.setSizeFull(); mainLayout.addComponents(captionLayout, dsNamecomboBox, descTextArea, tokenVerticalLayout, descTextArea, progressBar, targetsCountLabel, uploaderLayout); }
private void buildLayout() { mainLayout = new VerticalLayout(); mainLayout.setSpacing(Boolean.TRUE); mainLayout.setSizeUndefined(); mainLayout.setWidth("200px"); final HorizontalLayout captionLayout = new HorizontalLayout(); captionLayout.setSizeFull(); captionLayout.addComponents(windowCaption, minimizeButton, closeButton); captionLayout.setExpandRatio(windowCaption, 1.0F); captionLayout.addStyleName("v-window-header"); final HorizontalLayout uploaderLayout = new HorizontalLayout(); uploaderLayout.addComponent(bulkUploader); uploaderLayout.addComponent(linkToSystemConfigHelp); uploaderLayout.setComponentAlignment(linkToSystemConfigHelp, Alignment.BOTTOM_RIGHT); uploaderLayout.setExpandRatio(bulkUploader, 1.0F); uploaderLayout.setSizeFull(); mainLayout.addComponents(captionLayout, dsNamecomboBox, descTextArea, tokenVerticalLayout, descTextArea, progressBar, targetsCountLabel, uploaderLayout); }
private void buildLayout() { final HorizontalLayout header = new HorizontalLayout(); header.addStyleName("artifact-details-header"); header.addStyleName("bordered-layout"); header.addStyleName("no-border-bottom"); header.setSpacing(false); header.setMargin(false); header.setSizeFull(); header.setHeightUndefined(); header.setImmediate(true); header.addComponents(titleOfArtifactDetails, maxMinButton); header.setComponentAlignment(titleOfArtifactDetails, Alignment.TOP_LEFT); header.setComponentAlignment(maxMinButton, Alignment.TOP_RIGHT); header.setExpandRatio(titleOfArtifactDetails, 1.0F); setSizeFull(); setImmediate(true); addStyleName("artifact-table"); addStyleName("table-layout"); addComponent(header); setComponentAlignment(header, Alignment.MIDDLE_CENTER); addComponent(artifactDetailsTable); setComponentAlignment(artifactDetailsTable, Alignment.MIDDLE_CENTER); setExpandRatio(artifactDetailsTable, 1.0F); }
private void buildLayout() { final HorizontalLayout header = new HorizontalLayout(); header.addStyleName("artifact-details-header"); header.addStyleName("bordered-layout"); header.addStyleName("no-border-bottom"); header.setSpacing(false); header.setMargin(false); header.setSizeFull(); header.setHeightUndefined(); header.setImmediate(true); header.addComponents(titleOfArtifactDetails, maxMinButton); header.setComponentAlignment(titleOfArtifactDetails, Alignment.TOP_LEFT); header.setComponentAlignment(maxMinButton, Alignment.TOP_RIGHT); header.setExpandRatio(titleOfArtifactDetails, 1.0F); setSizeFull(); setImmediate(true); addStyleName("artifact-table"); addStyleName("table-layout"); addComponent(header); setComponentAlignment(header, Alignment.MIDDLE_CENTER); addComponent(artifactDetailsTable); setComponentAlignment(artifactDetailsTable, Alignment.MIDDLE_CENTER); setExpandRatio(artifactDetailsTable, 1.0F); }
protected void buildLayout() { mainLayout = new GridLayout(3, 2); mainLayout.setSpacing(true); colorPickerLayout = new ColorPickerLayout(); ColorPickerHelper.setRgbSliderValues(colorPickerLayout); contentLayout = new VerticalLayout(); colorLabelLayout = new HorizontalLayout(); colorLabelLayout.setMargin(false); colorLabelLayout.addComponents(colorLabel, tagColorPreviewBtn); formLayout.addComponent(tagName); formLayout.addComponent(tagDesc); formLayout.setSizeFull(); contentLayout.addComponent(formLayout); contentLayout.addComponent(colorLabelLayout); contentLayout.setComponentAlignment(formLayout, Alignment.MIDDLE_CENTER); contentLayout.setComponentAlignment(colorLabelLayout, Alignment.MIDDLE_LEFT); contentLayout.setSizeUndefined(); mainLayout.setSizeFull(); mainLayout.addComponent(contentLayout, 0, 0); colorPickerLayout.setVisible(false); mainLayout.addComponent(colorPickerLayout, 1, 0); mainLayout.setComponentAlignment(colorPickerLayout, Alignment.MIDDLE_CENTER); setCompositionRoot(mainLayout); tagName.focus(); }