Salesforceのオブジェクトの詳細画面で、カスタムボタン押下して、JavaCriptカスタムボタン押下してVisualforceページを表示することを共有します。
1.カスタムボタンを配置するレコード作成
例えば、取引先のレコードを作成する。
![](http://daeheui.com/wp-content/uploads/2019/04/Salesforce_取引先レコード詳細画面-1024x544.png)
2.JavaScriptカスタムボタン作成
詳細画面の「項目を参照する」リンク押下する。
![](http://daeheui.com/wp-content/uploads/2019/04/Salesforce_取引先レコード詳細画面_項目表示リンク-1024x544.png)
ボタン、リンク、およびアクションリンク押下する。
![](http://daeheui.com/wp-content/uploads/2019/04/Salesforce_取引先メニュー_ボタン、リンク、およびアクションリンク-1024x544.png)
新規ボタンまたはリンクボタン押下する。
![](http://daeheui.com/wp-content/uploads/2019/04/Salesforce_新規ボタンまたはリンクボタン-1024x544.png)
JavaScriptカスタムボタンを作成する。
![](http://daeheui.com/wp-content/uploads/2019/04/Salesforce_Javascriptカスタムボタン作成-1024x544.png)
上記の各入力欄に、例えば以下を入力する。
表示ラベル :testJavascriptButton
名前 : testJavascriptButton
表示の種類 : 詳細ページボタン
動作 : JavaScriptを実行
内容のソース : OnClick JavaScript
コード :
window.open(‘/apex/testPage’);
3.カスタムボタン配置
作成したカスタムボタンを詳細画面に配置する。
詳細画面の「レイアウトを編集する」リンク押下する。
![](http://daeheui.com/wp-content/uploads/2019/04/Salesforce_取引先レコード詳細画面_ページレイアウトリンク-1024x544.png)
ページレイアウトの「ボタン」リンク押下する。
![](http://daeheui.com/wp-content/uploads/2019/04/Salesforce_取引先のページレイアウトのボタン-1024x544.png)
配置するボタン選択する。
![](http://daeheui.com/wp-content/uploads/2019/04/Salesforce_取引先のページレイアウトのボタンリストから配置するボタン選択-1024x544.png)
ボタンを配置して、保存する。
![](http://daeheui.com/wp-content/uploads/2019/04/Salesforce_取引先のページレイアウトのボタンリストから配置するボタン選択して配置-1024x544.png)
保存すると、詳細画面に戻り、カスタムボタンが配置されていることが確認できる。
![](http://daeheui.com/wp-content/uploads/2019/04/Salesforce_取引先詳細画面のカスタムボタン配置確認-1024x544.png)
4.カスタムボタン押下してVisualforceページ表示確認
![](http://daeheui.com/wp-content/uploads/2019/04/Salesforce_取引先詳細画面でカスタムボタン押下してVisualforceページ表示確認-1024x544.png)