0

ボタンのセットを含む垂直パネルがあります。ベースボタンをクリックすると、パネルが展開され、垂直パネルの一部であるボタンのセットが表示されます。このベース ボタンは UI の下部にあるため、展開されたボタンが下向きではなく上向きに流れるように CSS に変更を加えました。それにもかかわらず、ページが展開された状態で下向きに展開されているように見えます。これにより、ページにスクロールが追加されます。これはまったく望ましくありません。

構築するのではなく、構築する (反転する) 垂直パネルにボタンを追加する方法はありますか? ボタンを別の順序で追加してから、可能であればもう一度 CSS をいじる必要はありません。ヒントをありがとう。

4

2 に答える 2

0

VerticalPanel は、レイアウトに不適切なウィジェットです。PopupPanel と非常に単純な CSS を使用する必要があります。ユーザーがボタンを押すと、.showRelativeTo() メソッドを呼び出して、この PopupPanel を表示します。すべての計算が自動的に行われ、ブラウザ ウィンドウのサイズとボタンの位置に応じて下向きまたは上向きに表示されます。

PopupPanel 内に FlowPanel を追加し、この FlowPanel にボタンを追加します。このスタイルを FlowPanel に適用します。

.menu {
    width: 100px;
}
.menu input {
    float: left;
    margin-top: 10px;
    width: 100px;
}
于 2012-10-01T19:35:32.120 に答える
0

just invert the direction私の理解では、ボタンパネルを既存のページの上に浮かせるのは簡単ではありません。ウェブページはフロー構造に従っており、指定しない限り積み上げられません。

レイアウト全体を絶対パネルに変更するか、CSS を使用する必要がある場合があります (やりたくないと言っていましたが、これは以前のものよりも間違いなく簡単です)。パネルを好きな場所に配置できます。

CSS:

.button-panel{
    clip: rect(auto, auto, auto, auto);
    position: absolute;
    left: 100px;
    top: 319px;
    overflow: visible;
}

ジャワ:

YourVerticalPanel.addStyleName("button-panel");
于 2012-10-01T18:10:08.210 に答える