!エンジニア人生を楽しみたい!仕事や趣味で学んだ技術的なことを書いていくブログです。CSS」では、JSFでも手軽にレスポンシブWebチックなレイアウトができる機能(コンポーネント?)です。2つのテーブルをpanelGridで横並びに置いてみると、次の表示になります。</h:panelGrid></p:panel>この表示でブラウザの横幅を縮めていくとこんな感じにテーブルの幅が小さくなって横並びのままです。CSSを使うと次のような初期表示から縮めていくと、あるタイミングで次のように1つ目のテーブルの下にまわりこみます。Faceletsは次のような感じで、最初のdivにある「ui-grid-responsive」がレスポンシブの指定となります。</div></p:panel>ui-grid-col-6とかいうのは、横幅が12区画に分かれていて、左に6区画、右に6区画といった指定になっています。これは自由に変えられて、4区画と8区画とか、2区画を6個とか色々できます。そのイメージでPrimeFacesのShowcaseをみるとイメージしやすいかなと。http://www.primefaces.org/showcase/ui/panel/grid.xhtmlで、当初Showcaseのサンプルをみながら、そのまま書いてたのですが、全く動かず...。work?安定のStackOverflow(^^;ということで、上記サンプルのfacelets冒頭に入れたcssの宣言が必要でした。/>この辺はドキュメントかサンプルにも明示しておいてほしいなぁ...。5.1がリリースされていました。有償サポー...2013-11-01JSFでもレスポンシブWebをやってみたい!Twitterで以下の情報が流れてました。ヶ月)長らくC#屋でした。EEを触ることになりました。Web開発も初めてです。日々の勉強メモとしてブログ作成。デビュー当時から堀北真希さんを愛するエンジニアです。現在は乃木坂46が大好きです。(15)にほんブログ村にほんブログ村はてなブログをはじめよう!kikutaro777さんは、はてなブログを使っています。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。