2014-10-07 2 views
0

Я пробовал TabPanel и виджет PopUp, но оба они показаны в браузере без стиля ... другие примеры, которые я загрузил из Интернета, в порядке. Что происходит?Виджеты GWT показаны без стиля

Это пример того, что я вижу ... Что мне не хватает? Благодаря

enter image description here

Вот мой код:

..... 
     Button search = Button.wrap(DOM.getElementById("search")); 
     search.setVisible(true); 

     search.addClickHandler(new ClickHandler(){ 
      public void onClick(ClickEvent event) { 
       new MyPopup().show(); 
      }   
     }); 

    } 

     private static class MyPopup extends PopupPanel { 

      public MyPopup() { 
       // PopupPanel's constructor takes 'auto-hide' as its boolean parameter. 
       // If this is set, the panel closes itself automatically when the user 
       // clicks outside of it. 
       super(true); 

       // PopupPanel is a SimplePanel, so you have to set it's widget property to 
       // whatever you want its contents to be. 
       setWidget(new Label("Click outside of this popup to close it")); 
      } 
      } 

ответ

1

Что ваша тема, заявленная в файле .gwt.xml? Я бы предположил, что ваша таблица стилей GWT по умолчанию не выбрана.

http://www.gwtproject.org/doc/latest/tutorial/style.html

Пример, шахта оон комментируются Chrome один в качестве примера:

<!-- Inherit the default GWT style sheet. You can change  --> 
    <!-- the theme of your GWT application by uncommenting   --> 
    <!-- any one of the following lines.       --> 
    <!--<inherits name='com.google.gwt.user.theme.standard.Standard'/>--> 
    <!-- <inherits name='com.google.gwt.user.theme.chrome.Chrome'/> --> 
    <!-- <inherits name='com.google.gwt.user.theme.dark.Dark'/>  --> 
<inherits name='com.google.gwt.user.theme.chrome.Chrome'/> 

Прошлое, что я сказал бы «проверить элемент» на хроме или использовать встроенные инструменты разработчика браузера чтобы увидеть, какой файл CSS загружается или применяется.

+0

спасибо! Он решает мою проблему! –

Смежные вопросы