GWT Как размещать виджеты в панели с помощью CSS

У меня есть две метки, два датпикера и кнопка отправки в DockLayoutPanel. Я пытаюсь просто нажать кнопку в центре панели.

Вот код, который я пытаюсь получить, чтобы получить кнопку по центру:

Button b = new Button("Submit", new ClickListener() { public void onClick(Widget sender) { getAwards(text.getText(),text2.getText()); } }); b.setWidth("80px"); b.addStyleName("gwt-Button");

и внутри моего css:

.gwt-Button{
margin-left:auto;
margin-right:auto;
}

Какие изменения или методы я должен предпринять, чтобы заставить это работать?

Изменение: для получения дополнительной информации эта кнопка добавляется в DockLayoutPanel

2 ответа

Попробуйте отключить загрузку любой темы GWT по умолчанию, которую вы используете (например, чистый) в вашем файле gwt.xml, возможно, она возится с вещами, поскольку вы используете одно и то же имя класса.

Кроме того, просто используйте имя класса CSS, отличное от "gwt-Button" здесь.


Пытаться:

.gwt-Button{
position:absolute;
left:50%;
margin-left: -40px; /* Width Button /2 */
}

licensed under cc by-sa 3.0 with attribution.