Блог

Я создаю ярлык и одну кнопку в vaadinn, и когда я помещаю эти компоненты в макет Css, содержимое отображается как

• метка
• кнопка

но я хочу, чтобы это было в ярлыке -кнопке

кто-нибудь знает решение, какой css следует применять для этого?

с наилучшими пожеланиями, Арвинд

Для вашей проблемы есть два решения. Вы можете добавить StyleName к своему CssLayout подобному :

 myCssLayout.setStyleName("my-layout");
  

а затем добавьте это в свой файл css:

 .my-layout .v-label{
  float:left;
}
  

Или, и это правильный способ решить вашу проблему, вы можете использовать HorizontalLayout вместо CssLayout . Это позволит вам поместить ваши компоненты в одну строку.

 HorizontalLayout layout = new HorizontalLayout();
layout.addComponent(mybutton);
layout.addcomponent(mylabel);
  

для таких компонентов, как у вас, есть метка и кнопка

 label.setWidth(Sizeable.SIZE_UNDEFINED, 0);
  

затем вам также необходимо внести изменения в css для этого компонента

 u-component-label{
    display:inline-block;
}