protected Layout createLinksLayout() { CssLayout linksLayout = new CssLayout(); linksLayout.setPrimaryStyleName("c-breadcrumbs"); return linksLayout; }
protected Layout createLogoLayout() { CssLayout logoLayout = new CssLayout(); logoLayout.setPrimaryStyleName("c-breadcrumbs-logo"); return logoLayout; }
public WebUserIndicator() { component = new com.vaadin.ui.CssLayout(); component.setPrimaryStyleName(USER_INDICATOR_STYLENAME); }
private void initContent() { content.setPrimaryStyleName("md-listitem-content"); content.setFlexDirection(FlexLayout.FlexDirection.COLUMN); content.setOverflow(FlexLayout.Overflow.HIDDEN); actionPrimary.setPrimaryStyleName("md-listitem-primary"); actionSecondary.setPrimaryStyleName("md-listitem-secondary"); divider.setPrimaryStyleName("md-listitem-divider"); divider.addStyleName(MaterialColor.DARK_DIVIDER.getBackgroundColorStyle()); divider.setVisible(false); }
public MenuLayout() { setSizeFull(); menuArea.setPrimaryStyleName("valo-menu"); contentArea.setPrimaryStyleName("valo-content"); contentArea.addStyleName("v-scrollable"); contentArea.setSizeFull(); addComponents(menuArea, contentArea); setExpandRatio(contentArea, 1); }
public WebAppWorkArea() { component = new CssLayout(); component.setPrimaryStyleName(WORKAREA_STYLENAME); component.addStyleName(MODE_TABBED_STYLENAME); component.addStyleName(STATE_INITIAL_STYLENAME); }
public void addClickListener(LayoutEvents.LayoutClickListener listener) { addStyleName(CLICKABLE); addLayoutClickListener(listener); addLayoutClickListener(event -> { if (ripple == null) { ripple = new CssLayout(); ripple.setPrimaryStyleName("step-ripple"); addComponent(ripple, 0); } else { CssLayout newRipple = new CssLayout(); newRipple.setPrimaryStyleName("step-ripple"); replaceComponent(ripple, newRipple); ripple = newRipple; } }); }
protected void initLayout() { container = new CssLayout(); container.setSizeFull(); container.setPrimaryStyleName(CURRENCYFIELD_LAYOUT_STYLENAME); container.addComponent(currencyLabel); if (useWrapper()) { ie9InputWrapper = new CssLayout(textField); ie9InputWrapper.setSizeFull(); ie9InputWrapper.setPrimaryStyleName(IE9_INPUT_WRAP_STYLENAME); container.addComponent(ie9InputWrapper); } else { container.addComponent(textField); } setFocusDelegate(textField); }
public NavigationItem(Resource icon, String caption, Integer count) { String primaryStyleName = "md-naviitem"; setPrimaryStyleName(primaryStyleName); this.icon.setPrimaryStyleName(primaryStyleName + "-icon"); this.caption.setPrimaryStyleName(primaryStyleName + "-caption"); this.count.setPrimaryStyleName(primaryStyleName + "-count"); setIcon(icon); setCaption(caption); setCount(count); addComponents(this.icon, this.caption, this.count); }
public MDTextFieldBox(String label, boolean light) { String primaryStyleName = light ? Styles.TextFieldBoxes.LIGHT : Styles.TextFieldBoxes.DARK; setPrimaryStyleName(primaryStyleName); this.label.setValue(label); this.label.setPrimaryStyleName(primaryStyleName + "-label"); this.label.addStyleName(RESTING); this.label.setWidthUndefined(); this.icon.setPrimaryStyleName(primaryStyleName + "-icon"); this.ripple.setPrimaryStyleName(primaryStyleName + "-ripple"); this.field.setPrimaryStyleName(primaryStyleName + "-input"); this.field.addFocusListener(event -> { addStyleName("focus"); updateFloatingLabelPosition(this.field.getValue()); }); this.field.addBlurListener(event -> { removeStyleName("focus"); updateFloatingLabelPosition(this.field.getValue()); }); this.field.addValueChangeListener(event -> updateFloatingLabelPosition(event.getValue())); this.helper.setPrimaryStyleName(primaryStyleName + "-helper"); this.helper.setWidthUndefined(); addComponents(this.label, icon, field, ripple, this.helper); }
public MDTextAreaBox(String label, boolean light) { String primaryStyleName = light ? Styles.TextFieldBoxes.LIGHT : Styles.TextFieldBoxes.DARK; setPrimaryStyleName(primaryStyleName); this.label.setValue(label); this.label.setPrimaryStyleName(primaryStyleName + "-label"); this.label.addStyleName(RESTING); this.label.setWidthUndefined(); this.icon.setPrimaryStyleName(primaryStyleName + "-icon"); this.ripple.setPrimaryStyleName(primaryStyleName + "-ripple"); this.field.setPrimaryStyleName(primaryStyleName + "-input"); this.field.addFocusListener(event -> { addStyleName("focus"); updateFloatingLabelPosition(this.field.getValue()); }); this.field.addBlurListener(event -> { removeStyleName("focus"); updateFloatingLabelPosition(this.field.getValue()); }); this.field.addValueChangeListener(event -> updateFloatingLabelPosition(event.getValue())); this.helper.setPrimaryStyleName(primaryStyleName + "-helper"); this.helper.setWidthUndefined(); addComponents(this.label, icon, field, ripple, this.helper); }
protected void initLayout() { container = new CubaCssActionsLayout(); container.setPrimaryStyleName(LAYOUT_STYLENAME); container.setWidth(100, Unit.PERCENTAGE); field.setWidth(100, Unit.PERCENTAGE); Page current = Page.getCurrent(); if (current != null) { WebBrowser browser = current.getWebBrowser(); if (browser != null && browser.isSafari()) { inputWrapper = new CssLayout(); inputWrapper.setWidth(100, Unit.PERCENTAGE); inputWrapper.setPrimaryStyleName("safari-input-wrap"); inputWrapper.addComponent(field); container.addComponent(inputWrapper); } else { container.addComponent(field); } } else { container.addComponent(field); } setFocusDelegate((Focusable) field); }
public WebFtsField() { component = new CssLayout(); component.setPrimaryStyleName(FTS_FIELD_STYLENAME); searchField = new CubaTextField(); searchField.setStyleName("c-ftsfield-text"); searchField.addShortcutListener( new ShortcutListenerDelegate("fts", KeyCode.ENTER, null) .withHandler((sender, target) -> openSearchWindow() )); searchBtn = new CubaButton(); searchBtn.setStyleName("c-ftsfield-button"); searchBtn.addClickListener(event -> openSearchWindow() ); component.addComponent(searchField); component.addComponent(searchBtn); adjustHeight(); adjustWidth(); }
menuPart.addComponent(showMenu); menuItemsLayout = new CssLayout(); menuItemsLayout.setPrimaryStyleName(VALO_MENUITEMS); menuPart.addComponent(menuItemsLayout);
public MDDateTimeField(String label, boolean light) { String primaryStyleName = light ? Styles.DateFields.LIGHT : Styles.DateFields.DARK; setPrimaryStyleName(primaryStyleName); setFloatingLabelEnabled(true); this.label.setValue(label); this.label.setPrimaryStyleName(primaryStyleName + "-label"); this.label.addStyleName(RESTING); this.label.setWidthUndefined(); this.icon.setPrimaryStyleName(primaryStyleName + "-icon"); this.field.setPrimaryStyleName(primaryStyleName + "-input"); this.field.addFocusListener(event -> { addStyleName("focus"); updateFloatingLabelPosition(this.field.getValue()); }); this.field.addBlurListener(event -> { removeStyleName("focus"); updateFloatingLabelPosition(this.field.getValue()); }); this.field.addValueChangeListener(event -> updateFloatingLabelPosition(event.getValue())); this.helper.setPrimaryStyleName(primaryStyleName + "-helper"); this.helper.setWidthUndefined(); addComponents(this.label, icon, field, this.helper); }
public MDTextField(String label, boolean light) { String primaryStyleName = light ? Styles.TextFields.LIGHT : Styles.TextFields.DARK; setPrimaryStyleName(primaryStyleName); setFloatingLabelEnabled(true); this.label.setValue(label); this.label.setPrimaryStyleName(primaryStyleName + "-label"); this.label.addStyleName(RESTING); this.label.setWidthUndefined(); this.icon.setPrimaryStyleName(primaryStyleName + "-icon"); this.field.setPrimaryStyleName(primaryStyleName + "-input"); this.field.addFocusListener(event -> { addStyleName("focus"); updateFloatingLabelPosition(field.getValue()); }); this.field.addBlurListener(event -> { removeStyleName("focus"); updateFloatingLabelPosition(field.getValue()); }); this.field.addValueChangeListener(event -> updateFloatingLabelPosition(event.getValue())); this.helper.setPrimaryStyleName(primaryStyleName + "-helper"); this.helper.setWidthUndefined(); addComponents(this.label, icon, field, this.helper); }
public MDDateField(String label, boolean light) { String primaryStyleName = light ? Styles.DateFields.LIGHT : Styles.DateFields.DARK; setPrimaryStyleName(primaryStyleName); setFloatingLabelEnabled(true); this.label.setValue(label); this.label.setPrimaryStyleName(primaryStyleName + "-label"); this.label.addStyleName(RESTING); this.label.setWidthUndefined(); this.icon.setPrimaryStyleName(primaryStyleName + "-icon"); this.field.setPrimaryStyleName(primaryStyleName + "-input"); this.field.addFocusListener(event -> { addStyleName("focus"); updateFloatingLabelPosition(this.field.getValue()); }); this.field.addBlurListener(event -> { removeStyleName("focus"); updateFloatingLabelPosition(this.field.getValue()); }); this.field.addValueChangeListener(event -> updateFloatingLabelPosition(event.getValue())); this.helper.setPrimaryStyleName(primaryStyleName + "-helper"); this.helper.setWidthUndefined(); addComponents(this.label, icon, field, this.helper); }
public MDPasswordField(String label, boolean light) { String primaryStyleName = light ? Styles.TextFields.LIGHT : Styles.TextFields.DARK; setPrimaryStyleName(primaryStyleName); setFloatingLabelEnabled(true); this.label.setValue(label); this.label.setPrimaryStyleName(primaryStyleName + "-label"); this.label.addStyleName(RESTING); this.label.setWidthUndefined(); this.icon.setPrimaryStyleName(primaryStyleName + "-icon"); this.field.setPrimaryStyleName(primaryStyleName + "-input"); this.field.addFocusListener(event -> { addStyleName("focus"); updateFloatingLabelPosition(field.getValue()); }); this.field.addBlurListener(event -> { removeStyleName("focus"); updateFloatingLabelPosition(field.getValue()); }); this.field.addValueChangeListener(event -> updateFloatingLabelPosition(event.getValue())); this.helper.setPrimaryStyleName(primaryStyleName + "-helper"); this.helper.setWidthUndefined(); addComponents(this.label, icon, field, this.helper); }
CssLayout crumbWrapper = new CssLayout(); crumbWrapper.setSizeFull(); crumbWrapper.setPrimaryStyleName(OpenCmsTheme.CRUMB_WRAPPER); crumbWrapper.addComponent(m_crumbs);
public MDComboBox(String label, boolean light) { String primaryStyleName = light ? Styles.ComboBoxes.LIGHT : Styles.ComboBoxes.DARK; setPrimaryStyleName(primaryStyleName); this.label.setValue(label); this.label.setPrimaryStyleName(primaryStyleName + "-label"); this.label.addStyleName(RESTING); this.label.setWidthUndefined(); this.icon.setPrimaryStyleName(primaryStyleName + "-icon"); this.field.setPrimaryStyleName(primaryStyleName + "-input"); this.field.addFocusListener(event -> { addStyleName("focus"); updateFloatingLabelPosition(this.field.getValue()); }); this.field.addBlurListener(event -> { removeStyleName("focus"); updateFloatingLabelPosition(this.field.getValue()); }); this.field.addValueChangeListener(event -> { if (generator != null) { Resource itemIcon = generator.apply(event.getValue()); if (itemIcon instanceof MaterialIcons) setIcon((MaterialIcons) itemIcon); else setIcon(itemIcon); } updateFloatingLabelPosition(event.getValue()); }); this.helper.setPrimaryStyleName(primaryStyleName + "-helper"); this.helper.setWidthUndefined(); addComponents(this.label, icon, field, this.helper); setFloatingLabelEnabled(true); }