GWTサブメニューの変更ポップアップロケーション

Question

メニューバーでは、通常、サブメニューが右側に表示されます。私は左手側に変更したい。誰でも私に教えてください、どうすればいいですか？

Answer 1

ポップアップ位置がメニュー項目の位置に基づいて、レンダリングにCSS要素によって定義されます。それは、生産メインメニュー経由のFirebugを探し

：

element.style { 
    clip: rect(auto, auto, auto, auto); 
    left: 337px; // Change this to left:35px; 
    overflow: visible; 
    position: absolute; 
    top: 319px; 
    visibility: visible; 
} 

// This is main CSS for popup 
.gwt-MenuBarPopup{ 
} 

そうで、私もCSSを変更することにより、ソリューションを実装することができましたコード

Answer 2

私は再び、私はGWT-要素のいくつかの標準的なビューを変更しなければならなかったときGWTは:)私は私のプロジェクトで、この方法を使用するデフォルトのスタイルを上書きすることをアドバイス。サブメニューの

Answer 3

からsetStyleName("css goes here")を使用してそれを試してみます。多分これは最もエレガントな方法ではないが、それは機能する。 GwtQueryのclosest（）メソッドの助けを借りて、ここに簡単な例を示します。

 menuBar.addAttachHandler(new AttachEvent.Handler() {    
     @Override 
     public void onAttachOrDetach(AttachEvent event) { 
      if(event.isAttached()){ 
       Scheduler.get().scheduleDeferred(new ScheduledCommand() {      
        @Override 
        public void execute() { 
         Element e = $(menuBar).closest(".gwt-MenuBarPopup").get(0); 
         e.getStyle().setLeft(parentMenuBar.getAbsoluteLeft()-menuBar.getOffsetWidth() , Unit.PX); 
        } 
       });     
      } 
     } 
    }); 

子供のサブメニューが添付されていると考えられるので、CSSを変更する必要があります。私はGWTのデフォルトのMenuBar実装がそれを設定した後にcssを変更するように、遅延コマンドを使用します。 この行 "$（menuBar）.closest（"。gwt-MenuBarPopup "）。get（0）;"変更したいクラス.gwt-MenuBarPopupを持つ要素が見つかるまで、DOMツリーを検索します。

Answer 4

私のソリューションは、やや、これまでここに掲載それらのハイブリッドのですが、私はそれがそれらのいずれかよりも簡単/きれいだと思います。

1. 各垂直サブメニューはMenuBar自体は、トップレベル MenuBarに項目として追加。どちらのサブメニューでも、右の代わりに左にドロップしたい場合は、MenuBarウィジェットの.addStyleName("myLeftDropDownStyleName")を使用してスタイルクラス名を追加します。

2. （これらは、私は左のドロップを取得するために必要であった最低限の属性です）このようなそのスタイルのためのセレクタルールを定義します。最初からの相対

   .myLeftDropDownStyleName{ position: absolute; right: 0px; }

Absolute位置static以外の位置を持つ親要素。少なくとも私の場合、親の位置は、この解決策がなければドロップダウンに左端がある水平な場所のようでした。 Relativeポジションが他の人のケースでうまくいくかもしれないと私は驚かないだろう。

0PXのオフセット右は、私は上記のように水平な場所にあると絶対位置の右に指示します。そしてもちろん、ピクセルサイズはそれ以上左にプッシュするために0以上にすることもできますし、< 0でもそれを右に戻すことができます。

これは私のために完璧に動作し、簡単な&きれいで、（私はあなたがGWTメニューバーのスタイルその人自身のいずれかをオーバーライド場合ケースだと思うと）このスタイルを持っているあなたのMenuBarののすべてを強制するものではありません。