function readOnly(count){ }
Sign Up ›
Starting November 20, the site will be set to read-only. On December 4, 2023,
forum discussions will move to the Trailblazer Community.
Learn More

Browse by Topic
ShowAll Questionssorted byDate Posted
+ Start a Discussion
bronzebronze 

ホームページにVisualforceページを表示する方法

ホームページの一部にVisualforceページで作成した画面を

表示したいと考えています。

カスタムコンポーネントでは右広域エリアにHTML形式での表示はできますが、

できれば、Visualforceタグを利用して出来る術はないでしょうか？

 

よろしくご教示下さい。

 

01-26-2010 09:42 PM
にbronzeにより編集されたメッセージ
nabemarunabemaru

以下の方法はいかがでしょうか？

 

1.VisualForcePageを作成する。

　例えばこんな感じで、testという名前のページを作成し、ヘッダーは消しておく。 

 

<apex:page showHeader="false">    Hello</apex:page>                            	
 
2.[設定]⇒[アプリケーションの設定]⇒[カスタマイズ]⇒[ホーム]⇒ [ホームページのコンポーネント]
　で、カスタムコンポーネント[HTMLエリア]を右側の広いエリアとして新たに追加して、
　以下のコードでVisualForcePageをフレームとして呼び出す。
 
<iframe src="/apex/test" height="100" width="800"></iframe>
 
 あとは、ホームのページレイアウトで表示位置を決めると表示すると思うんですが、
投稿された背景を汲み取っているか不安ですが、いかがでしょう？ 
 
 


bronzebronze
>nabemaruさん
 
情報提供ありがとうございます。 
返信が大変おそくなりすいません。
 
教えていただいた方法を試してみました。
表示の仕方やVisualforceを活用できる点は申し分ないです。
ありがとうございます。
 
ただ、もう１点だけ質問させてください。
表示したいVisualforceページの縦幅に合わせて表示させる場合は
どうしたらよいのでしょうか？
Force.comというよりかは、HTMLやJavascriptの質問になってしまうかもしれませんが・・・
 
よろしくお願いします。
 


bronzebronze
 
自分なりに表示したページの幅を取得してiframeの幅を調整する方法を調べ、
以下の方法を試してみました。
 
 
<script language="javascript" type="text/javascript">  
function getHeight() {  
    h = document.getElementById('test_iframe').contentDocument.height;
    document.getElementById('test_iframe').style.height = h + 'px';  
}
</script>
<iframe id="test_iframe" name="iframe" src="/apex/TestPage" width="100%" frameborder="0" height="100%" scrolling="no" align="top" onload="getHeight()"></iframe> 
 
カスタムコンポーネントで上記を試すと、表示するページ情報が取得ず、
幅調整が出来ませんでした（スクリプトエラーになってしまいます）
試しに、Visualforceページ上で上記の方法を試すと表示しようとしている幅情報が
取得でき、調整できます。
 
カスタムコンポーネントでは他のページ情報を取得できないのでしょうか？