tyoshikawa1106のブログ

- Force.com Developer Blog -

SFDC:『apex:pageBlock』の高さ調整する方法

Visualforce開発でよく使う『apex:pageBlock』ですが、styleタグやclass指定ができないのでheightを指定して高さを調整することができません。

f:id:tyoshikawa1106:20150401204427p:plain:w300


Discussion Forumで検索してみるとpageBlock内にoutputPanelタグを入れてそちらで高さ指定する方法が考えられていました。

f:id:tyoshikawa1106:20150401204831p:plain

Fixed height for pageBlock - Salesforce Developer Community


高さ指定する場合は、通常のheightではなくmin-heightで指定する方法が便利です。通常のheight指定の場合は、高さが上限を超えた際にスクロールすることになります。

f:id:tyoshikawa1106:20150401210611p:plain

min-heightの場合は上限を超えた場合、内容に合わせて自動で高さ調整してくれます。

サンプル