Comment faire pour que l'étiquette de la boîte combo vaadin soit toujours flottante

Question

Je travaille avec la boîte combo polymère vaadin en java gwt. Mais l'étiquette est toujours affichée en ligne. Comment le faire toujours flotter?

Answer 1

Nous pouvons utiliser le code pour définir les attributs

paperContainerElement.setAttribute("always-float-label", "true");

et le code va se présenter comme suit

  box.ready(new Function() { 

      @Override 
      public Object call(Object arg) { 

      NodeList<Node> children =box.getElement().getChildNodes(); 

      for (int i = 0; i < children.getLength(); i++) { 
      Node node = children.getItem(i);      
      if (node.getNodeName().equals("PAPER-INPUT-CONTAINER")) { 
      Element paperContainerElement = (Element) node; 
      paperContainerElement.setAttribute("always-float-label", "true"); 
      break;     
            }    
           } 

      return null; 
      } 

     }); 

Le code ci-dessus est simplement de forcer hériter du alwaysFloatLabel de la vaadinComboBox extérieure à la paperInputContainer à l'intérieur.

Answer 2

Pour HTML, vous pouvez ajouter le paramètre toujours flottant label comme vrai

Exemple:

<vaadin-combo-box 
      label="Mode" 
      always-float-label="true" 
      class="otherField" 
      items='["Normal","Shuffle"]' 
      value="{{modeString}}" 
> 
</vaadin-combo-box>