Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/java/401.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Java 如何为GWT装饰的Popuppanel应用不同的背景色?_Java_Gwt_Popup_Ui Design - Fatal编程技术网

Java 如何为GWT装饰的Popuppanel应用不同的背景色?

Java 如何为GWT装饰的Popuppanel应用不同的背景色?,java,gwt,popup,ui-design,Java,Gwt,Popup,Ui Design,您可以通过使用CSS创建自己的自定义样式来实现它 默认情况下,decoratedpoppanel使用clean.css中定义的gwt decoratedpoppanel样式 创建您自己的样式,只需更新“背景色”属性并对其应用样式,如下所示: CSS: 爪哇: final DecoratedPopupPanel infoPopup = new DecoratedPopupPanel(true); infoPopup.setWidget(new Label("Table below dis

您可以通过使用CSS创建自己的自定义样式来实现它

默认情况下,
decoratedpoppanel
使用clean.css中定义的
gwt decoratedpoppanel
样式


创建您自己的样式,只需更新“背景色”属性并对其应用样式,如下所示:

CSS:

爪哇:

final DecoratedPopupPanel infoPopup = new DecoratedPopupPanel(true);
    infoPopup.setWidget(new Label("Table below displays the total number of users for each application for the selected time range."));
    infoPopup.setWidth("150px");

    inImage.addMouseOverHandler(new MouseOverHandler(){
        public void onMouseOver(MouseOverEvent arg0){
            int left = inImage.getAbsoluteLeft() + 10;
            int top = inImage.getAbsoluteTop() + 10;
           infoPopup.setPopupPosition(left, top);

            // Show the popup
            infoPopup.show();
        }

    });

    inImage.addMouseOutHandler(new MouseOutHandler(){
        public void onMouseOut(MouseOutEvent arg0){
           //hide
            infoPopup.hide();

        }
    });
.gwt-DecoratedPopupPanel .popupMiddleCenter {
    padding: 3px;
    background: #f1f1f1;
}
.myPopupPanelStyle {
  background: #0000FF;
}
infoPopup.setStyleName("myPopupPanelStyle");