Как увеличить размер (толщину) ваадина прогрессбара - PullRequest
Новая
       32

Как увеличить размер (толщину) ваадина прогрессбара

0 голосов
/ 28 мая 2018

Как я могу увеличить высоту (толщину) vaadin progressbar- 7.6.3.А также, как я могу отобразить значения, которые прогрессировали.Например, в середине индикатора выполнения, показывающего, сколько сделано и сколько осталось.Я пытался с помощью следующего кода, но это всегда размер по умолчанию. 

_progress.setWidth("100%");
_progress.setHeight("100%");

, а также я устал с использованием CSS, что-то вроде, 

_progress.setCaption(" ");
_progress.setCaptionAsHtml(true);
_progress.addstylename("progress");

где ".progress" у меня естьопределено в моем .css с 

.progress1 {
color: black;
text-align: right;
font-size: 2em;
font-weight: bold;
height: 100%;
}

1 Ответ

0 голосов
/ 28 мая 2018

Вместо того, чтобы определять стиль только для вашего индикатора выполнения, вы должны включить обертку в ваше правило стиля. 

  .v-progressbar-fat .v-progressbar-wrapper {
    height: 20px;
  }

Если вы добавите это в свою таблицу стилей и примените имя стиля «толстый»на ваш индикатор выполнения, его высота будет изменена на 20 пикселей (или любую другую сумму, которую вы пожелаете)

...