2016-12-05 5 views
1

私は応答性の高いアプリを持っています。固定幅のあるナビゲーションバーでページ幅のヘッダーをxPageに追加する方法

<xe:this.configuration> 
     <xe:simpleResponsiveConfiguration fixedNavbar="fixed-top" 
      invertedNavbar="false" pageWidth="fixed"...> 

固定された固定トップとページ幅として設定ナビゲーションバーでのレイアウトは=今、私は、ページヘッダのようなものを追加したいが、それはページの幅にする必要があります。下の図を参照してください。したがって、青色のパネルは内容が固定されている間はページ幅にする必要があります。その青いパネル/ヘッダーにはどのようなコントロールを使用できますか?それは別のnavbarであるべきですか?

enter image description here

+0

ui-bootstrap側ではこの種のデザインを実際に実装していますが、いつでもソースコード – svarog

+0

をチェックすることができます。xPageのエキスパートがxPageのソースコードを表示できますか? –

答えて

2

あなたはブートストラップを使用しているので、私はあなたがあなたのナビゲーションバーの後に、ブートストラップの行を追加して、独自のカスタムコントロールを作成することをお勧めします。 cssパラメータを設定して位置を固定します。 ここでのトリック:XPageに標準のマークアップを追加することができます。つまり、単純なHTMLページで達成したいことを「ちょうど試してみて、カスタムコントロールにあなたのために働いた行を追加します。

関連する問題