увеличить ширину com.googlecode.mgwt.ui.client.widget.HeaderButton в mgwt 1.1.2

HeaderButton.setWidth("80px");

вроде не влияет.

HeaderButton.addStyleName("myStyle"); с ".myStyle {width:80px;}" в css тоже. Но css активен, что подтверждается тем фактом, что следующее имеет эффект, но не очень приятный:

HeaderButton.setStyleName("myStyle");

С setStyleName ширина действительно увеличивается, но рендеринг такой, как если бы ширина кнопки не увеличивалась, т.е. круглая рамка находится внутри кнопки, что выглядит забавно.

Есть ли простой способ увеличить ширину левой кнопки заголовка всего на несколько пикселей, чтобы я мог видеть завершение немецкого «Abbrechen» (означает «Отмена»)? :)

заранее спасибо


mgwt
person user2618802    schedule 24.06.2014    source источник

Ответы (1)


arrow_upward
1
arrow_downward

После некоторых проб я нашел решение. Оказывается, нужно просто внедрить собственный экземпляр HeaderCss в начале onModuleLoad(). Определенный там стиль, похоже, работает для всех панелей заголовков и их кнопок.

Мой пример таков.

IIntroductionBundle.java:

package com.rlogix.tourneys.client.view.introduction;

import com.google.gwt.core.client.GWT;
import com.google.gwt.resources.client.ClientBundle;
import com.google.gwt.resources.client.CssResource;
import com.googlecode.mgwt.ui.client.theme.base.HeaderCss;

    public interface IIntroductionBundle extends ClientBundle {
        public static IIntroductionBundle I = GWT.create(IIntroductionBundle.class);

        @Source("header.css")
        HeaderCss headerCss();
    }

и заголовок.css:

@CHARSET "ISO-8859-1";

.mgwt-HeaderButton {
}

.mgwt-HeaderButton-active {

}

.mgwt-HeaderButton-back {

}

.mgwt-HeaderButton-forward {

}

.mgwt-HeaderButton-round {

}

.mgwt-HeaderButton-text {
    max-width:80px;
}

.mgwt-HeaderButton-border-container {

}
.mgwt-HeaderButton-border-content {

}

.mgwt-HeaderPanel {

}

.mgwt-HeaderPanel-left {
    margin:6px;
    margin-left:0px;
}

.mgwt-HeaderPanel-center {

}

.mgwt-HeaderPanel-right {
}

.mgwt-DropDownMenu {

}

.mgwt-DropDownMenu-content {

}

.mgwt-DropDownMenu-arrow {

}

Может кому это поможет...

person user2618802    schedule 24.06.2014