Upload
others
View
58
Download
0
Embed Size (px)
Citation preview
SkyVisualEditor
Visualforce ページインポート ユーザマニュアル
Ver 1.0.0.0
2015年 2月 26日
株式会社テラスカイ
目次
1. はじめに .......................................................................................................................................................... 4
2. 注意事項 ....................................................................................................................................................... 4
(1) お客様へのお願い.................................................................................................................................... 4
(2) 商標について .......................................................................................................................................... 4
(3) SkyVisualEditor 仕様 ............................................................................................................................. 5
a. <apex:page>の extensions 属性として SkyVisualEditor 独自の Apex クラスを出力 ...................................... 5
b. StandardController + extensions でのロジック ............................................................................................ 5
c. APIバージョンは 31.0 .................................................................................................................................. 5
d. <apex:form>タグの出力は一つ .................................................................................................................... 5
3. 利用手順 ....................................................................................................................................................... 6
4. SkyVisualEditor ページへの変換 .................................................................................................................... 11
(1) コードブロックコンポーネントついて ................................................................................................................... 11
a. 「コードブロック」の新規作成方法...................................................................................................... 11
b. 「コードブロック」の配置箇所について ............................................................................................. 13
c. 「コードブロック」のプロパティについて .......................................................................................... 14
i. 「追加属性」プロパティについて ...................................................................................................... 14
ii. 「コードブロック編集」プロパティについて ................................................................................... 15
iii. 「レイアウト」プロパティについて ................................................................................................ 16
(2) 「追加属性」「追加スタイル」について .............................................................................................................. 17
a. 「追加属性」「追加スタイル」が設定可能なコンポーネント一覧 ....................................................... 17
b. 「追加属性」プロパティについて ........................................................................................................ 19
c. 「追加スタイル」プロパティについて ................................................................................................. 19
(3) 「問題」一覧について ................................................................................................................................... 20
5. コンポーネントへの変換 Visualforce タグ関連表 ............................................................................................... 22
(1) コンポーネントへの変換対象 Visualforce タグ一覧 ......................................................................................... 22
(2) コンポーネントのプロパティへの変換対象の Visualforce タグ属性一覧 ............................................................... 25
a. 「ページ」タブ ..................................................................................................................................... 25
b. 「コンポーネント」タブ ....................................................................................................................... 29
i. 入力項目 ............................................................................................................................................. 29
ii. 出力項目 ............................................................................................................................................. 32
iii. ラベル ............................................................................................................................................... 33
iv. セクションヘッダー ......................................................................................................................... 34
v. ページブロック.................................................................................................................................. 35
vi. ページブロックセクション ............................................................................................................... 37
vii. タブパネル ....................................................................................................................................... 38
viii. タブ ................................................................................................................................................. 40
ix. データテーブル ................................................................................................................................. 41
x. 関連リスト ......................................................................................................................................... 52
xi. Chatter フィード .............................................................................................................................. 53
xii. 保存ボタン ....................................................................................................................................... 54
xiii. 編集ボタン ...................................................................................................................................... 56
xiv. キャンセルボタン ........................................................................................................................... 58
xv. 削除ボタン ....................................................................................................................................... 60
xvi. カスタムボタン ............................................................................................................................... 62
xvii. FreeText ......................................................................................................................................... 64
xviii. 空白スペース ................................................................................................................................. 65
xix. カスタムリンク ............................................................................................................................... 65
xx. 画像 .................................................................................................................................................. 67
(3) 「データテーブル」コンポ―ネントの facet インポート例 ....................................................................................... 69
1. はじめに
このマニュアルでは SkyVisualEditor の Visualforce ページインポート機能についての操作手順をご説明いたしま
す。
Visualforceページインポート機能では、Salesforce に保存されている Visualforceページを SkyVisualEditorの
Studio上に読み込み、再加工することが可能です。
2. 注意事項
(1) お客様へのお願い
本マニュアルを無断で複製、転載することを禁止します。
本マニュアルは万全を期して作成されていますが、万一不明な点や誤り、記載もれなど、お気づきの点がございまし
たら弊社までご連絡ください。
本マニュアルによって作成された成果物は使用者の責任でご使用、公開をしてください。ご使用の結果、万一トラブ
ルおよび訴訟等が発生しましても、あらゆる直接、または間接の損害および損失につきまして、弊社は一切責任を負
わないものとします。あらかじめご了承ください。
本マニュアルに記載されている内容は、改善のため予告なしに変更されることがあります。
(2) 商標について
TerraSky、TerraSky ロゴ、SkyVisualEditor,SkyVisualEditor マーク、SkyVisualEditor ロゴ、テラスカイは株
式会社テラスカイの商標または登録商標です。
salesforce.com、Salesforce、および関連する全てのロゴは、米国およびその他の国における
salesforce.com,inc.の商標です。
その他、本マニュアルに記載されている会社名、商品名は各社の商標または登録商標です。
(3) SkyVisualEditor 仕様
SkyVisualEditor が出力する Visualforce ページは以下の4つの特徴があるため、Visualforce ページインポート機能
として以下の点にご注意ください。
a. <apex:page>の extensions属性として SkyVisualEditor独自の Apex クラスを出力
Visualforce ページインポートでは、インポート対象の Visualforce ページに記述された extensions 属
性の Apex クラスはインポートされません。必要に応じて、「Apex クラス拡張」にて Apex クラスのロジックを記述くだ
さい。
b. StandardController + extensionsでのロジック
StandardController を使用し、業務ロジックは extensions 属性に指定した Apex クラスで実現
しています。 StandardSetController、CustomController は対象外となっているため、
Visualforceインポート実行時にはエラーが発生します。
c. APIバージョンは 31.0
生成する Visualforce ページ、Apex クラスと同様、Vinsualforce ページインポートサポート対
象の APIバージョンは 31.0です。
d. <apex:form>タグの出力は一つ
生成するVisualforceページは<apex:form>タグが 1つのみの仕様です。Visualforceページイン
ポート時に、Visualforce ページのコードは SkyVisualEditor にて出力する<apex:form>タグ内に
読み込まれますので、Visualforceに記述された<apex:form>タグは全て削除されます。
また、SkyVisualEditor の Chatter フィード、または関連リストに変換されたコンポーネント
は以下の場所に移動されます。
1 つ目の<apex:form>タグより上にあるものは、Studio上の<apex:form>タグの上部に移動。
1 つ目の<apex:form>タグより下にあるものは、Studio上の<apex:form>タグの下部に移動。
※<apex:form>外にコードを記述、コンポーネントを配置したい場合は、お客様ご自身で
<apex:form>外に移動ください。
3. 利用手順
SkyVisualEditorの Studio画面にて Visualforceページインポートの利用手順を記します。
以下にフローを記します。
詳細は以下の手順を参照ください。
「Visualforceページインポート」を押下します。
「インポート画面選択」が表示されます。Salesforce に保存されている Visualforce ページの一覧が表示されます
ので、対象となる Visualforce ページを選択後、「OK」ボタンを押下します。
「SVE_選択された Visualforce ページ名」として、Visualforce ページが Studioのキャンバス上に展開されます。
画面中央の赤枠のように、SkyVisualEditorのコンポーネントに変換可能な Visualforce タグは変換表示されます。
変換対象の Visualforce タグや属性情報の詳細については<5SkyVisualEditor-Visualforce タグ関連表>を参照
ください。
コンポーネントのプロパティとして存在しないVisualforceタグの属性は「追加属性」にセットされます。「追加属性」
プロパティの を押下します。「追加属性」プロパティの詳細については<4(2)b「追加属性」プロパティについて
>をご確認ください。
また、コンポーネントのプロパティとして存在しない CSS スタイルは「追加スタイル」にセットされます。「追加スタイル」
プロパティの詳細については<4(2)c「追加スタイル」プロパティについて>をご確認ください。
「追加属性」「追加スタイル」が設定可能な SkyVisualEditor コンポーネントの詳細は<4(2)a「追加属性」「追
加スタイル」が設定可能なコンポーネント一覧>を参照ください。
画面上部の赤枠ように、変換対象外の Visualforce タグ、または HTML、CSS、Javascript、コメント等は「コード
ブロック」コンポーネントとしてコードのまま表示されます。コードブロックの詳細については<4(1)コードブロックコンポーネン
トついて>を参照ください。
画面下部の赤枠部分には Visualforce ページインポート時に発生した警告やエラー内容が表示されます。内容を
確認し、必要があれば対象コンポーネントを修正してください。問題情報の詳細については<4(3)「問題」一覧につい
て>を参照ください。
もし<apex:page>タグの extentions属性に、Apexクラスを指定し、action等の処理を追加する必要がありました
ら、「Apex クラス拡張」にて設定してください。
詳細は以下のマニュアルの「5-1 Apex クラス拡張機能」を参照ください。
■SkyVisualEditor ユーザマニュアル
https://www.skyvisualeditor.com/help/skyvisualeditor_help.pdf#pagemode=bookmarks&zoom=100
コンポーネント追加や修正、削除等を行い、「保存」もしくは「デプロイ」を行います。
4. SkyVisualEditor ページへの変換
(1) コードブロックコンポーネントついて
Visualforceページインポート時に SkyVisualEditorコンポーネントに変換されなかったコードは「コ
ードブロック」コンポーネントとして、Visualforceページに記述されたままのコードが出力されます。
また、「コードブロック」コンポーネントは Salesforce レイアウト、自由レイアウト、Dashboard レ
イアウトでは新規追加可能です。
a. 「コードブロック」の新規作成方法
「コンポーネント」タブの「コードブロック」コンポーネントをキャンバスにドラッグ&ドロップする
ことで、新規作成することが可能です。
その際、<apex:form>タグが出力される範囲が表示されますので、<apex:form>タグ内外に注意し、
適切な場所にコードブロックを配置してください。
コードブロックを配置しますと、「コードブロック作成」画面が開きます。Visualforceページに記述
する際と同様に、コードを記述することが可能です。ルート要素としては、タグ(例:<table>)、もしく
はコメント(例:<!-- comment -->)形式である必要があります。
コードを記述後、「OK」ボタン押下でコードブロックが表示されます。
b. 「コードブロック」の配置箇所について
「コードブロック」コンポーネントの配置箇所制限は以下の通りです。
新規作成時(左からドラッグ&ドロップで生成した場合)
パネルグリッドセル/テーブルカラムには配置不可。
コメントはページブロックセクション直下には配置不可(コードブロックの子にコメントがあ
る場合、そのコードブロックはページブロックセクションに配置可能)
コードブロックの子に Chatter/関連リストが含まれる場合
<apex:form>外領域のみ移動可能。
コードブロックの子に Chatter/関連リスト/コードブロック/コメント以外のコンポーネントが
配置されている場合
<apex:form>内領域のみ移動可能。
コードブロックの子にページブロックセクションが含まれる場合
ページブロックの子にのみ移動可能。
コードブロックに SkyVisualEditorのコンポーネントをドラッグ&ドロップで配置可能です。
c. 「コードブロック」のプロパティについて
コードブロックには以下のプロパティがあります。
項目 説明
開発
追加属性 ルートタグの属性値の設定することが可能です。
コードブロック修正 ルートタグの属性値、および子要素を修正することが可能です。
レイアウト
リサイズ チェックありだと、デプロイ時にコードブロックを<apex:outputPanel>
で囲み、以下の幅と高さの情報を出力します。Salesforce レイアウト、
Dashboard レイアウトのみ表示されます。
幅[px] デプロイ時の出力サイズの幅(px)を指定することが可能です。「リサイ
ズ」をチェックありにすると表示されます。
高さ[px] デプロイ時の出力サイズの高さ(px)を指定することが可能です。「リサ
イズ」をチェックありにすると表示されます。
位置座標(X) デプロイ時の出力位置座標(X)を指定することが可能です。「自由レイア
ウト」のみ表示されます。
位置座標(Y) デプロイ時の出力位置座標(Y)を指定することが可能です。「自由レイア
ウト」のみ表示されます。
i. 「追加属性」プロパティについて
ルートタグの属性値を編集したい場合は、「追加属性」プロパティの を押下します。「追加属性」
プロパティの詳細については<(2)b「追加属性」プロパティについて>をご確認ください。
ii. 「コードブロック編集」プロパティについて
コードブロックを編集したい場合は、コードブロックをダブルクリックするか、もしくはコードブロ
ックを選択後、「コードブロック編集」プロパティの を押下します。
「コード編集」画面が開きます。ルートタグの属性、子要素が修正可能です。
上記、赤線のようにネームスペースが「sve」のタグ(例:<sve:outputLabel>)は移動可能ですが、「コ
ード編集」画面内で削除、新規登録、属性値の変更は出来ません。
iii. 「レイアウト」プロパティについて
「リサイズ」プロパティのチェックがある場合、もしくは「リサイズ」プロパティが表示されていない
場合は、「コードブロック」のサイズ、位置情報を出力することが可能です。その際、コードブロック
は<apex:outputPanel>タグで囲まれます。
【Salesforceレイアウトの例】
【自由レイアウトの例】
(2) 「追加属性」「追加スタイル」について
a. 「追加属性」「追加スタイル」が設定可能なコンポーネント一覧
「追加属性」「追加スタイル」プロパティが設定可能な SkyVisualEditor コンポーネント一覧は以下の
通りです。
タブ名 コンポーネント名 追加属性 追加スタイル
ページ - ○ ×
コンポーネント 入力項目 ○ ○
出力項目 ○ ○
ラベル ○ ○
セクションヘッダー ○ ○
ページブロック ○ ×
ページブロックセクション ○ ×
タブ ○ ○
データテーブル ○ ○
facet ○ ○
関連リスト ○ ○
Chatter フィード ○ ○
保存ボタン ○ ○
編集ボタン ○ ○
キャンセルボタン ○ ○
削除ボタン ○ ○
カスタムボタン ○ ○
FreeText ○ ○
空白スペース ○ ○
カスタムリンク ○ ○
画像 ○ ○
コードブロック ○ ○
検索ボタン × ○
選択ボタン × ○
クリアボタン × ○
帳票出力ボタン × ○
次へボタン × ○
前へボタン × ○
有効化ボタン × ○
注文の削除ボタン × ○
同期開始ボタン × ○
PDF の作成ボタン × ○
参照ボタン × ○
b. 「追加属性」プロパティについて
コンポーネントのプロパティとして無い属性の追加や、コードブロックの属性は「追加属性」プロパティにて設定が可能で
す。対象のコンポーネントに「追加属性」が存在する場合は が表示されます。
参照、追加、編集、削除は「追加属性」プロパティの を押下します。
「追加属性編集」画面が開きます。「Key」が空欄、または一覧内で「Key」が重複するとエラーが表示されます。
c. 「追加スタイル」プロパティについて
コンポーネントのプロパティとして存在しない CSS スタイルは「追加スタイル」に追加可能です。
Style属性の記述方法と同様に、複数指定する場合は「;」区切りで記述可能です。
(3) 「問題」一覧について
Visualforce ページインポート時や、ページ読み込み時に発生した「FATAL」や「WARN」の情報が
一覧表示されます。
項目 説明
「Del」ボタン ステータスが「WARN」の場合のみ「Del」ボタンが表示されます。「WARN」の内
容を確認し、情報が不要になった場合に「Del」ボタンを押下すると行が消えます。
ステータス 「FATAL」もしくは「WARN」が表示されます。
未デプロイ画面であれば、「FATAL」が存在してもページの「保存」は可能です。1
度でもデプロイ済みの画面の場合は「FATAL」の問題が全て解決するまで、「保存」
「デプロイ」は出来ませんのでご注意ください。
「WARN」は存在していても「保存」「デプロイ」は可能です。
エラー箇所 対象のコンポーネントの ID が表示されます。ステータスが「FATAL」の場合、対象
コンポーネントは赤、「WARN」の場合は黄色になります。
内容 「FATAL」や「WARN」の詳細内容が表示されます。「WARN」の場合、右の欄に関
連するコード情報が表示されます。
コンポーネント選択時に、「Auto Filter」にチェックが入っていると、対象のコンポーネントに関する
情報のみが表示されます。
行選択後、「Ctrl」+「c」でコピーが可能です。
また、「Del」ボタンにて削除した情報を確認するには「インポートログ表示」を押下します。
「Import Logs」画面が開きます。「問題」一覧に出力された「FATAL」「WARN」の全ての内容が表示
されます。
5. SkyVisualEditor-Visualforce タグ関連表
(1) コンポーネントへの変換対象 Visualforce タグ一覧
Visualforce インポート時に、SkyVisualEditor コンポーネントへ変換される Visualforce タグは以下の通りです。また、各コンポーネントのプロ
パティへ変換される Visualforce タグの属性については<5(2)コンポーネントのプロパティへの変換対象の Visualforce タグ属性一覧>を参照ください。
(※)印のタグは、子要素が記述されていても SkyVisualEditorコンポーネント変換時に除外されます。除外された内容は「WARN」として出力さ
れます。
変換 SVE コンポーネント名
Visualforce タグ
注意事項等 Element Subelement
ページ apex:page apex:stylesheet、
apex:includeScript
ページ直下の子テキスト要素は、「FreeText」コンポーネントとして取り込
まれます。
入力項目 apex:inputField※
出力項目 apex:outputField※、
apex:outputText※ value の値がマージフィールドの場合が対象
ラベル apex:outputLabel※
オブジェクト、項目が特定出来た場合のみ、「ラベル」コンポーネントとし、
特定できなかった場合は「FreeText」コンポーネントとして取り込まれま
す。
セクションヘッダー apex:sectionHeader※
ページブロック apex:pageBlock apex:pageBlockButtons
ページブロックセクション apex:pageBlockSection
タブ apex:tabPanel apex:tab
データテーブル apex:dataTable、
apex:pageBlockTable
apex:column、
apex:facet
name="header"、
apex:inputField、
apex:outputField、
apex:outputText、
apex:commandButton、
apex:commandLink、
apex:image、img
関連リスト apex:relatedList※
Chatter フィード chatter:feedWithFollowers※、
chatter:feed※
保存ボタン apex:commandButton※ action="{!save}"となっているものを「保存ボタン」コンポーネントとして取
り込まれます。
編集ボタン action="{!edit}"となっているものを「編集ボタン」コンポーネントとして取り
込まれます。
キャンセルボタン action="{!cancel}"となっているものを「キャンセルボタン」コンポーネントと
して取り込まれます。
削除ボタン action="{!delete}"となっているものを「削除ボタン」コンポーネントとして取
り込まれます。
カスタムボタン action が上記以外に場合、「カスタムボタン」コンポーネントとして取り込
まれます。
FreeText apex:outputText※
子要素がある場合は、「FreeText」コンポーネントに変換せずコードブロッ
クのままとします。
value の値がマージフィールドでなかった場合が対象。
空白スペース
ページブロックセクション内に
「<apex:outputPanel
></apex:outputPanel>」の時の
み
ページブロックセクション内に、子要素、属性が存在しない
<apex:outputPanel>の場合、「空白スペース」コンポーネントとして取り込
まれます。
カスタムリンク apex:commandLink※
画像 apex:image※、img※
(2) コンポーネントのプロパティへの変換対象の Visualforce タグ属性一覧
SkyVisualEditor の各コンポーネントのプロパティは以下の Visualforce タグの属性値が取り込まれます。
SkyVisualEditor のプロパティとして存在しない属性は「プロパティ名」の「-」の部分に記述されます。
また、以下の表に存在しない属性は、サポート対象外の属性として除外されて「WARN」として表示されます。
「区分」の詳細については以下の通りです。
○:Visualforce タグの属性に該当する SkyVisualEditor のプロパティが存在する為、インポートする
△:Visualforce タグの属性に該当する SkyVisualEditor のプロパティが存在しない為、「追加属性」にインポートする
W:「追加属性」、「追加スタイル」にインポート出来ない属性や子要素は除外されて「WARN」として表示される
×:SkyVisualEditor のプロパティに該当する Visualforce タグ、属性はなし
a. 「ページ」タブ
プロパティ名 区分
※ タグ名 属性 値 制約や注意事項
主オブジェクト名 ○ apex:page standardController
standardControll
er 以外の場合、
主オブジェクトが
ない状態でコー
ドとして取り込ま
れる。
Visualforce ページ名前 ○ apex:page name
一律
「SVE_name」とし
て取り込まれる。
name 属性が存
在しない場合
は、Visualforce
インポート対象
のページ名を元
に「SVE_ページ
名」として取り込
まれる。
編集する × -
表示ラベル ○ apex:page label
説明 ×
編集する × -
Apex クラス名 × -
共有ルール適用有り × -
ルックアップテキストスキップ × -
ページ表示サイズ(px)解像度 × -
幅 × -
高さ × -
ヘッダー表示 ○ apex:page showHeader
サイドバー表示 ○ apex:page sidebar
タブスタイル ○ apex:page tabStyle
ページタイトル ○ apex:page title
URL パラメータ設定 × -
インライン編集を有効化 × -
フィールドリストの出力 × -
cache ○ apex:page cache
contentType ○ apex:page contentType
docType ○ apex:page docType
expires ○ apex:page expires
language ○ apex:page language
rendered ○ apex:page rendered
setup ○ apex:page setup
showChat ○ apex:page showChat
standardStylesheets ○ apex:page standardStylesheets
wizard ○ apex:page wizard
ページマスク有効化 × -
入力欄、ボタン × -
ページ全体 × -
デプロイ済みクラスを指定 × -
拡張クラス × -
テストクラス × -
主オブジェクト項目 追加取得 × -
メタタグ゙編集 × -
ページスタイル編集 × -
スタイルシートインクルード設定 ○ apex:stylesheet value
ページスクリプト編集 × -
JavaScript インクルード設定 ○ apex:includeScript value
計算式の有効化 × -
計算式の編集 × -
フォーカス色の有効化 × -
Pink, Blue × -
新規作成後画面遷移先 × -
編集後画面遷移先 × -
削除後画面遷移先 × -
PDF 化 ○ apex:page renderAs pdf
renderAs="pdf"
の時のみで、そ
れ以外の設定値
は削除され、
「WARN」としてメ
ッセージが表示
される。
ページサイズ × -
用紙の向き 縦 × -
用紙の向き 横 × -
余白設定 × -
制限数増加 × -
- W apex:page action
- W apex:page apiVersion
APIバージョンは
31.0 固定のた
め、設定値が削
除され、「WARN」
としてメッセージ
が表示される。
- W apex:page applyBodyTag
SkyVisualEditor
の標準機能で利
用しているため
設定値が削除さ
れ、「WARN」とし
てメッセージが表
示される。
- W apex:page applyHtmlTag
SkyVisualEditor
の標準機能で利
用しているため
設定値が削除さ
れ、「WARN」とし
てメッセージが表
示される。
- W apex:page controller
standardControll
er 以外は対象外
として除外して
「WARN」とする
- W apex:page extensions
SkyVisualEditor
で Apex クラスは
作られるので、
除外し「WARN」と
する
- W apex:page readOnly
SkyVisualEditor
では使用不可の
ため、設定値が
削除され、
「WARN」としてメ
ッセージが表示
される。
- W apex:page recordSetVar
SkyVisualEditor
では使用不可の
ため、設定値が
削除され、
「WARN」としてメ
ッセージが表示
される。
- W apex:includeScript id
- W apex:includeScript loadOnReady
- W apex:stylesheet id
b. 「コンポーネント」タブ
i. 入力項目
プロパティ名
区
分
※
タグ名 属性 値 制約や注意事項
ID ○ apex:inputField id
オブジェクト API 参照名 ×
項目 API参照名 ○ apex:inputField value
apex:page の
StandardControll
er の値をオブジ
ェクトとして、フィ
ールド名のみが
取り込まれる。
幅[px] ○ apex:inputField style width
px のみ。px 以外
が来たら追加ス
タイルとして取り
込まれる。
高さ[px] ○ apex:inputField style height
px のみ。px 以外
が来たら追加ス
タイルとして取り
込まれる。
文字色 ○ apex:inputField style color
文字のサイズ ○ apex:inputField style font-size
文字の太さ ○ apex:inputField style font-weight
横位置 ○ apex:inputField style text-align
IME モード ○ apex:inputField style ime-mode
必須 ○ apex:inputField required
スタイルクラス ○ apex:inputField styleClass
ヘルプモード × - -
ヘルプテキスト ○ apex:pageBlockSec
tionItem helpText
apex:inputField
の親要素が
apex:pageBlockS
ectionItem の場
合、helptext 属
性を
sve:inputField の
属性として取り込
まれる。
action × -
JavaScript ○ apex:inputField onblur
JavaScript ○ apex:inputField onchange
JavaScript ○ apex:inputField onclick
JavaScript ○ apex:inputField ondblclick
JavaScript ○ apex:inputField onfocus
JavaScript ○ apex:inputField onkeydown
JavaScript ○ apex:inputField onkeypress
JavaScript ○ apex:inputField onkeyup
JavaScript ○ apex:inputField onmousedown
JavaScript ○ apex:inputField onmousemove
JavaScript ○ apex:inputField onmouseout
JavaScript ○ apex:inputField onmouseover
JavaScript ○ apex:inputField onmouseup
JavaScript ○ apex:inputField onselect
項目表示ラベル ○ apex:inputField label
接頭語 × - -
文字色 × - -
文字のサイズ × - -
文字の太さ × - -
接尾語 × - -
文字色 × - -
文字のサイズ × - -
文字の太さ × - -
ルックアップ × -
カスタムルックアップ画面選択 × - -
アクション選択 × -
デフォルトチェック値を使用 × -
デフォルトチェック値 × -
幅指定有り × -
ラジオボタン化 × -
「なし」を表示 × -
チェックボックス化 × -
表示レイアウト × -
桁区切り × -
本日日付リンク表示 ×
- △ apex:inputField list
- △ apex:inputField rendered
- △ apex:inputField showDatePicker
- △ apex:inputField taborderhint
- △ apex:inputField type
ii. 出力項目
プロパティ名
区
分
※
タグ名 属性 値 制約や注意事項
ID ○ apex:outputField id
オブジェクト API 参照名 ×
項目表示ラベル ×
項目 API参照名 ○ apex:outputField value
幅指定有り ×
幅[px] ○ apex:outputField style width
HTML エスケープ有り ○ apex:outputText escape
文字色 ○ apex:outputField style color
文字のサイズ ○ apex:outputField style font-size
文字の太さ ○ apex:outputField style font-weight
下線 ○ apex:outputField style text-decoration
値が「underline」の場
合のみで、それ以外
は、追加スタイルとして
取り込まれる。
横位置 ○ apex:outputField style text-align
リンクとして表示 × - -
リンクを別ウィンドウで開く × - -
高さ指定有り ×
高さ[px] ○ apex:outputField style height
領域外表示 ○ apex:outputField style overflow
ラジオボタン化 ×
表示レイアウト ×
チェックボックス化 ×
- △ apex:outputField dir
- △ apex:outputField lang
- △ apex:outputField rendered
- △ apex:outputField styleClass
- △ apex:outputField title
- △ apex:outputText dir
- △ apex:outputText label
- △ apex:outputText lang
- △ apex:outputText rendered
- △ apex:outputText styleClass
- △ apex:outputText title
表示ラベルの値 ○ apex:outputField label
iii. ラベル
プロパティ名
区
分
※
タグ名 属性 値 制約や注意事項
ID ○ apex:outputLabel id
オブジェクト API 参照名 × apex:outputLabel value apex:outputLabel はオブジ
ェクト、項目がある程度解析
出来た場合のみ、「ラベル」
として取り込まれる。それ以
外は、「FreeText」として取り
込まれる。
項目表示ラベル × apex:outputLabel value
項目 API参照名 ○ apex:outputLabel value
値を編集する × -
値 ○ apex:outputLabel 子テキスト
HTML エスケープ有り ○ apex:outputLabel escape
文字色 ○ apex:outputLabel style color
文字のサイズ ○ apex:outputLabel style font-size
文字の太さ ○ apex:outputLabel style Bold
ツールチップ ○ apex:outputLabel title
スタイルクラス ○ apex:outputLabel styleClass
- △ apex:outputLabel accesskey
- △ apex:outputLabel dir
- △ apex:outputLabel for
- △ apex:outputLabel lang
- △ apex:outputLabel onblur
- W apex:outputLabel onclick
SkyVisualEditor の標準機
能で利用しているため設定
値が削除され、「WARN」とし
てメッセージが表示される。
- △ apex:outputLabel ondblclick
- △ apex:outputLabel onfocus
- △ apex:outputLabel onkeydown
- △ apex:outputLabel onkeypress
- △ apex:outputLabel onkeyup
- △ apex:outputLabel onmousedown
- △ apex:outputLabel onmousemove
- △ apex:outputLabel onmouseout
- △ apex:outputLabel onmouseover
- △ apex:outputLabel onmouseup
- W apex:outputLabel rendered
SkyVisualEditor の標準機
能で利用しているため設定
値が削除され、「WARN」とし
てメッセージが表示される。
- △ apex:outputLabel tabindex
iv. セクションヘッダー
プロパティ名
区
分
※
タグ名 属性 値 制約や注意事項
値を編集する × -
タイトル ○ apex:sectionHeader title
サブタイトル ○ apex:sectionHeader subtitle
説明 ○ apex:sectionHeader description
- △ apex:sectionHeader id
- △ apex:sectionHeader help
- △ apex:sectionHeader printUrl
- △ apex:sectionHeader rendered
v. ページブロック
プロパティ名
区
分
※
タグ名 属性 値 制約や注意事項
Wrapper ID × -
ID ○ apex:pageBlock id
タイトル ○ apex:pageBlock title
表示モード ○ apex:pageBlock mode
表示条件 ○ apex:pageBlock rendered
ボタン表示領域 ○ apex:pageBlockButtons location
actionRegion 設定 × - - actionRegion の記述は、コードブ
ロックとして取り込まれる。
- △ apex:pageBlock dir
- △ apex:pageBlock helpTitle
- △ apex:pageBlock helpUrl
- △ apex:pageBlock lang
- △ apex:pageBlock onclick
- △ apex:pageBlock ondblclick
- △ apex:pageBlock onkeydown
- △ apex:pageBlock onkeypress
- △ apex:pageBlock onkeyup
- △ apex:pageBlock onmousedown
- △ apex:pageBlock onmousemove
- △ apex:pageBlock onmouseout
- △ apex:pageBlock onmouseover
- △ apex:pageBlock onmouseup
- △ apex:pageBlock tabStyle
- W apex:pageBlockButtons dir
- W apex:pageBlockButtons id
- W apex:pageBlockButtons lang
- W apex:pageBlockButtons onclick
- W apex:pageBlockButtons ondblclick
- W apex:pageBlockButtons onkeydown
- W apex:pageBlockButtons onkeypress
- W apex:pageBlockButtons onkeyup
- W apex:pageBlockButtons onmousedown
- W apex:pageBlockButtons onmousemove
- W apex:pageBlockButtons onmouseout
- W apex:pageBlockButtons onmouseover
- W apex:pageBlockButtons onmouseup
- W apex:pageBlockButtons rendered
- W apex:pageBlockButtons style
- W apex:pageBlockButtons styleClass
- W apex:pageBlockButtons title
vi. ページブロックセクション
プロパティ名
区
分
※
タグ名 属性 値 制約や注意事項
Wrapper ID × -
ID ○ apex:pageBlockSection id
タイトル ○ apex:pageBlockSection title
HTML エスケープ有り × -
列数 ○ apex:pageBlockSection columns
ヘッダー表示有り ○ apex:pageBlockSection showHeader
折り畳み表示あり ○ apex:pageBlockSection collapsible
ヘッダー色設定 × -
文字色 × -
背景色 × -
枠線の種類 × -
枠線の幅 × -
線色 × -
角の丸さ × -
表示条件 ○ apex:pageBlockSection rendered
actionRegion 設定 × - - actionRegion の記述は、コード
ブロックとして取り込まれる。
- △ apex:pageBlockSection dir
- △ apex:pageBlockSection lang
- △ apex:pageBlockSection onclick
- △ apex:pageBlockSection ondblclick
- △ apex:pageBlockSection onkeydown
- △ apex:pageBlockSection onkeypress
- △ apex:pageBlockSection onkeyup
- △ apex:pageBlockSection onmousedown
- △ apex:pageBlockSection onmousemove
- △ apex:pageBlockSection onmouseout
- △ apex:pageBlockSection onmouseover
- △ apex:pageBlockSection onmouseup
vii. タブパネル
プロパティ名
区
分
※
タグ名 属性 値 制約や注意事項
Wrapper ID × -
ID ○ apex:tabPanel id
表示条件 ○ apex:tabPanel rendered
- △ apex:tabPanel contentClass
- W apex:tabPanel activeTabClass
SkyVisualEditor で色の情報が設定されている
ため、設定値が削除され、「WARN」としてメッ
セージが表示される。
- W apex:tabPanel inactiveTabClass
SkyVisualEditor で色の情報が設定されている
ため、設定値が削除され、「WARN」としてメッ
セージが表示される。
- △ apex:tabPanel contentStyle
- △ apex:tabPanel dir
- △ apex:tabPanel disabledTabClass
- △ apex:tabPanel headerAlignment
- △ apex:tabPanel headerClass
- △ apex:tabPanel headerSpacing
- △ apex:tabPanel height
- △ apex:tabPanel immediate
- △ apex:tabPanel lang
- △ apex:tabPanel onclick
- △ apex:tabPanel ondblclick
- △ apex:tabPanel onkeydown
- △ apex:tabPanel onkeypress
- △ apex:tabPanel onkeyup
- △ apex:tabPanel onmousedown
- △ apex:tabPanel onmousemove
- △ apex:tabPanel onmouseout
- △ apex:tabPanel onmouseover
- △ apex:tabPanel onmouseup
- △ apex:tabPanel reRender
- △ apex:tabPanel selectedTab
- △ apex:tabPanel style
- △ apex:tabPanel switchType switchType="client"以外は設定値が削除さ
れ、「WARN」としてメッセージが表示される。
- △ apex:tabPanel tabClass
- △ apex:tabPanel title
- △ apex:tabPanel value
- △ apex:tabPanel width
W apex:tabPanel styleClass
SkyVisualEditor の標準機能で利用しているた
め設定値が削除され、「WARN」としてメッセー
ジが表示される。
viii. タブ
プロパティ名
区
分
※
タグ名 属性 値 制約や注意事項
アクティブタブ色 × -
非アクティブタブ色 × -
スタイルクラス ○ apex:tab styleClass
ID ○ apex:tab id
表示条件 ○ apex:tab rendered
タイトル ○ apex:tab label
テーマ × -
- △ apex:tab disabled
- △ apex:tab focus
- △ apex:tab immediate
- △ apex:tab labelWidth
- △ apex:tab name
- △ apex:tab onclick
- △ apex:tab oncomplete
- △ apex:tab ondblclick
- △ apex:tab onkeydown
- △ apex:tab onkeypress
- △ apex:tab onkeyup
- △ apex:tab onmousedown
- △ apex:tab onmousemove
- △ apex:tab onmouseout
- △ apex:tab onmouseover
- △ apex:tab onmouseup
- △ apex:tab ontabenter
- △ apex:tab ontableave
- △ apex:tab reRender
- △ apex:tab status
- △ apex:tab style
- △ apex:tab switchType switchType="client"以外の設定値は削除され、
「WARN」としてメッセージが表示される。
- △ apex:tab timeout
- △ apex:tab title
ix. データテーブル
① <apex:dataTable>
プロパティ名
区
分
※
タグ名 属性 値 制約や注意事項
Wrapper ID × -
ID ○ apex:dataTable id
オブジェクトラベル名 ○ apex:dataTable value
以下の条件が全て満
たされる場合、
standardController の
オブジェクトとして取り
込まれる(リレーショ
ンなしのテーブルとし
て)
・<apex:page>の
recordSetVar 属性存
在する
・<apex:page>の
extensions 属性が存
在しない
・<apex:dataTable>の
value と、<apex:page>
の
recordSetVar が一致
var ×
SkyVisualEditor でデ
フォルト値が設定され
る。
参照項目ラベル名 ×
参照項目 API 参照名 ×
- □ apex:dataTable value
ページ幅に合わせる ×
幅[px] ○ apex:dataTable width
単位なし、もしくは px
のみ取り込まれる。そ
れ以外の設定値は削
除され、「WARN」とし
てメッセージが表示さ
れる。
○ apex:dataTable style width
width 属性がすでに
あった場合、設定値
は削除され、「WARN」
としてメッセージが表
示される。
また、単位は px の
み。px 以外の場合は
追加スタイルとして取
り込まれる。
高さ指定有り ×
高さ[px] ○ apex:dataTable style height
単位は px のみ。px
以外の場合は追加ス
タイルとして取り込ま
れる。
行高さ調整 ×
ヘッダー行高さ[px] ×
明細行高さ[px] ×
列数 ×
レコード数上限 ○ apex:dataTable rows
「rows」が存在しなか
った場合は、デフォル
ト 500 となる。
出力タグ指定 ○ 「データテーブル」固
定
ヘッダー固定 ×
テーマ ×
「テーマ」はデフォルト
「none」として取り込ま
れる。
ヘッダー色 ×
件数表示 × -
ページング゙有り × -
ページ表示件数 × -
行追加ボタン有り × -
行追加ボタン値編集 × -
行追加ボタン値 × -
追加行数の指定 × -
初期追加行数 × -
行削除ボタン有り × -
削除ボタン値編集 × -
削除ボタン値 × -
一括編集 × -
一括編集ボタン値編集 × -
一括編集ボタン値 × -
選択削除 × -
選択削除ボタン値編集 × -
選択削除ボタン値 × -
行コピーボタン有り × -
行コピーボタン値編集 × -
コピーボタン値 × -
チェックボックス列表示 × -
テーブルメッセージ表示 × -
テーブルメッセージ設定 × -
テーブル内検索 × -
必須項目解除 × -
絞込条件 × -
ルックアップ対象項目 × -
カスタムルックアップ画面選択 × -
パラメータ × -
マスター取得ボタン値編集 × -
マスター取得ボタンの値 × -
JavaScript × -
オブジェクト項目 追加取得 × -
表示条件 ○ apex:dataTable rendered
枠線の幅 ×
スタイルクラス ○ apex:dataTable styleClass
ー W apex:dataTable columns
SkyVisualEditor でカ
ラム数を設定するた
め、設定値が削除さ
れ、「WARN」としてメ
ッセージが表示され
る。
- △ apex:dataTable align
- △ apex:dataTable bgcolor
- W apex:dataTable border
- △ apex:dataTable captionClass
- △ apex:dataTable captionStyle
- △ apex:dataTable cellpadding
- △ apex:dataTable cellspacing
- △ apex:dataTable columnClasses
- W apex:dataTable columnsWidth
- △ apex:dataTable dir
- △ apex:dataTable first
- △ apex:dataTable footerClass
- △ apex:dataTable frame
- △ apex:dataTable headerClass
- △ apex:dataTable lang
- △ apex:dataTable onclick
- △ apex:dataTable ondblclick
- △ apex:dataTable onkeydown
- △ apex:dataTable onkeypress
- △ apex:dataTable onkeyup
- △ apex:dataTable onmousedown
- △ apex:dataTable onmousemove
- △ apex:dataTable onmouseout
- △ apex:dataTable onmouseover
- △ apex:dataTable onmouseup
- △ apex:dataTable onRowClick
- △ apex:dataTable onRowDblClick
- △ apex:dataTable onRowMouseDown
- △ apex:dataTable onRowMouseMove
- △ apex:dataTable onRowMouseOut
- △ apex:dataTable onRowMouseOver
- △ apex:dataTable onRowMouseUp
- △ apex:dataTable rowClasses
- △ apex:dataTable rules
- △ apex:dataTable style
- △ apex:dataTable summary
- △ apex:dataTable title
- W apex:dataTable var
SkyVisualEditor でデ
フォルト値が設定され
るため設定値が削除
され、「WARN」として
メッセージが表示され
る。
(i) facet
プロパティ名
区
分
※
タグ名 属性 値 制約や注意事項
ID ○ apex:column id
内容の幅に合わせる × -
幅[px] ○ apex:column width
単位なし、もしくは px のみ取り
込まれる。それ以外の設定値
は削除され、「WARN」としてメッ
セージが表示される。
ヘッダー名 ○ apex:column headerValue
子要素の<apex:facet
name="header">***</apex:fac
et>が存在する場合はそれが優
先されるため設定値が削除さ
れ、「WARN」としてメッセージが
表示される。
ヘッダー名 ○ apex:facet name header
文字色 ○ apex:column style color
ヘッダー横位置 × -
横位置 ○ apex:column style text-align
縦位置 ○ apex:column style vertical-align
- △ apex:column breakBefore
- △ apex:column colspan
- △ apex:column dir
- △ apex:column footerClass
- △ apex:column footerValue
- △ apex:column headerClass
- △ apex:column lang
- △ apex:column onclick
- △ apex:column ondblclick
- △ apex:column onkeydown
- △ apex:column onkeypress
- △ apex:column onkeyup
- △ apex:column onmousedown
- △ apex:column onmousemove
- △ apex:column onmouseout
- △ apex:column onmouseover
- △ apex:column onmouseup
- W apex:column rendered
- △ apex:column rowspan
- △ apex:column styleClass
- △ apex:column title
② <apex:pageBlocktable>
プロパティ名
区
分
※
タグ名 属性 値 制約や注意事項
Wrapper ID × -
ID ○ apex:pageBlockTable id
オブジェクトラベル名 ×
var × SkyVisualEditor でデフォ
ルト値が設定される。
参照項目ラベル名 ×
参照項目 API 参照名 × apex:pageBlockTable value
以下の条件が全て満たさ
れる場合、
standardController のオ
ブジェクトとして取り込ま
れる(リレーションなしの
テーブルとして)
・<apex:page>の
recordSetVar 属性存在
する
・<apex:page>の
extensions 属性が存在し
ない
・<apex:dataTable>の
value と、<apex:page>の
recordSetVar が一致
- □ apex:pageBlockTable value
行高さ調整 ×
ヘッダー行高さ[px] ×
明細行高さ[px] ×
列数 ×
レコード数上限 ○ apex:pageBlockTable rows
出力タグ指定 ○ 「ページブロックテーブ
ル」固定
ヘッダー固定 ×
件数表示 × -
ページング゙有り × -
ページ表示件数 × -
行追加ボタン有り × -
行追加ボタン値編集 × -
行追加ボタン値 × -
追加行数の指定 × -
初期追加行数 × -
行削除ボタン有り × -
削除ボタン値編集 × -
削除ボタン値 × -
一括編集 × -
一括編集ボタン値編集 × -
一括編集ボタン値 × -
選択削除 × -
選択削除ボタン値編集 × -
選択削除ボタン値 × -
行コピーボタン有り × -
行コピーボタン値編集 × -
コピーボタン値 × -
テーブルメッセージ表示 × -
テーブルメッセージ設定 × -
必須項目解除 × -
絞込条件 × -
ルックアップ対象項目 × -
カスタムルックアップ画面選択 × -
パラメータ ×
マスター取得ボタン値編集 ×
マスター取得ボタンの値 ×
JavaScript ×
オブジェクト項目 追加取得 ×
表示条件 ○ apex:pageBlockTable rendered
スタイルクラス ○ apex:pageBlockTable styleClass
- W apex:pageBlockTable columns
SkyVisualEditor でカラム
数を設定するため、設定
値が削除され、「WARN」
としてメッセージが表示さ
れる。
- △ apex:pageBlockTable align
- △ apex:pageBlockTable border
- △ apex:pageBlockTable captionClass
- △ apex:pageBlockTable captionStyle
- △ apex:pageBlockTable cellpadding
- △ apex:pageBlockTable cellspacing
- △ apex:pageBlockTable columnClasses
- W apex:pageBlockTable columnsWidth
- △ apex:pageBlockTable dir
- △ apex:pageBlockTable first
- △ apex:pageBlockTable footerClass
- △ apex:pageBlockTable frame
- △ apex:pageBlockTable headerClass
- △ apex:pageBlockTable lang
- △ apex:pageBlockTable onclick
- △ apex:pageBlockTable ondblclick
- △ apex:pageBlockTable onkeydown
- △ apex:pageBlockTable onkeypress
- △ apex:pageBlockTable onkeyup
- △ apex:pageBlockTable onmousedown
- △ apex:pageBlockTable onmousemove
- △ apex:pageBlockTable onmouseout
- △ apex:pageBlockTable onmouseover
- △ apex:pageBlockTable onmouseup
- △ apex:pageBlockTable onRowClick
- △ apex:pageBlockTable onRowDblClick
- △ apex:pageBlockTable onRowMouseDown
- △ apex:pageBlockTable onRowMouseMove
- △ apex:pageBlockTable onRowMouseOut
- △ apex:pageBlockTable onRowMouseOver
- △ apex:pageBlockTable onRowMouseUp
- △ apex:pageBlockTable rowClasses
- △ apex:pageBlockTable rules
- △ apex:pageBlockTable style
- △ apex:pageBlockTable summary
- △ apex:pageBlockTable title
- △ apex:pageBlockTable value
- W apex:pageBlockTable var SkyVisualEditor でデフォ
ルト値が設定されるため
設定値が削除され、
「WARN」としてメッセージ
が表示される。
- △ apex:pageBlockTable width
(i) facet
プロパティ名
区
分
※
タグ名 属性 値 制約や注意事項
ID ○ apex:column id
ヘッダモード ○
ヘッダー名が存在する場合は、「直
接入力」なければ「ラベルを表示」が
設定される。
ヘッダー名 ○ apex:column headerValue
子要素の<apex:facet
name="header">***</apex:facet>が
存在する場合は、上記が優先される
ため、設定値が削除され、「WARN」と
してメッセージが表示される。
ヘッダー名 ○ apex:facet name header
文字色 ○ apex:column style color
ヘッダー横位置 × -
横位置 ○ apex:column style text-align
縦位置 ○ apex:column style vertical-align
- △ apex:column breakBefore
- △ apex:column colspan
- △ apex:column dir
- △ apex:column footerClass
- △ apex:column footerValue
- △ apex:column headerClass
- △ apex:column lang
- △ apex:column onclick
- △ apex:column ondblclick
- △ apex:column onkeydown
- △ apex:column onkeypress
- △ apex:column onkeyup
- △ apex:column onmousedown
- △ apex:column onmousemove
- △ apex:column onmouseout
- △ apex:column onmouseover
- △ apex:column onmouseup
- W apex:column rendered
- △ apex:column rowspan
- △ apex:column styleClass
- △ apex:column title
- △ apex:column width
x. 関連リスト
プロパティ名
区
分
※
タグ名 属性 値 制約や注意事項
ID ○ apex:relatedList id
オブジェクト API 参照名 × -
オブジェクトラベル名 × -
子リレーション名 ○ apex:relatedList list
行数 ○ apex:relatedList pageSize
タイトル編集 × -
タイトル ○ apex:relatedList title
- △ apex:relatedList rendered
- △ apex:relatedList subject
xi. Chatterフィード
プロパティ名
区
分
※
タグ名 属性 値 制約や注意事項
ID ○ chatter:feedWithFollowers id
○ chatter:feed id
高さ指定有り × -
高さ[px] × -
フォロワーを表示 ○
ヘッダー表示有り ○ chatter:feedWithFollowers showHeader
- △ chatter:feedWithFollowers onComplete
- △ chatter:feedWithFollowers rendered
- △ chatter:feedWithFollowers reRender
- W chatter:feedWithFollowers entityId
SkyVisualEditor の標準機能で
利用しているため設定値が削除
され、「WARN」としてメッセージ
が表示される。
- △ chatter:feed showPublisher
- △ chatter:feed onComplete
- △ chatter:feed rendered
- △ chatter:feed reRender
- W chatter:feed entityId
SkyVisualEditor の標準機能で
利用しているため設定値が削除
され、「WARN」としてメッセージ
が表示される。
- △ chatter:feed feedItemType
xii. 保存ボタン
プロパティ名
区
分
※
タグ名 属性 値 制約や注意事項
ID ○ apex:commandButton id
値を編集する × -
値 ○ apex:commandButton value
ツールチップ ○ apex:commandButton title
幅指定有り × - -
幅[px] ○ apex:commandButton style width
単位は px のみ。px 以外の場
合は追加スタイルとして取り込
まれる。
ボタンスタイル × - -
文字色 ○ apex:commandButton style color
文字の太さ ○ apex:commandButton style font-weight
スタイルクラス ○ apex:commandButton styleClass
- △ apex:commandButton accesskey
- W apex:commandButton action
action="{!save}"となっているも
のを保存ボタンとして取り込ま
れる。
- △ apex:commandButton alt
- △ apex:commandButton dir
- △ apex:commandButton disabled
- △ apex:commandButton image
- △ apex:commandButton immediate
- △ apex:commandButton lang
- △ apex:commandButton onblur
- △ apex:commandButton onclick
- △ apex:commandButton oncomplete
- △ apex:commandButton ondblclick
- △ apex:commandButton onfocus
- △ apex:commandButton onkeydown
- △ apex:commandButton onkeypress
- △ apex:commandButton onkeyup
- △ apex:commandButton onmousedown
- △ apex:commandButton onmousemove
- △ apex:commandButton onmouseout
- △ apex:commandButton onmouseover
- △ apex:commandButton onmouseup
- W apex:commandButton rendered
- △ apex:commandButton reRender
- △ apex:commandButton status
- △ apex:commandButton tabindex
- △ apex:commandButton timeout
xiii. 編集ボタン
プロパティ名
区
分
※
タグ名 属性 値 制約や注意事項
ID ○ apex:commandButton id
値を編集する × - -
値 ○ apex:commandButton value
ツールチップ ○ apex:commandButton title
幅指定有り × - -
幅[px] ○ apex:commandButton style width
単位は px のみ。px 以外の場
合は追加スタイルとして取り込
まれる。
ボタンスタイル × - -
文字色 ○ apex:commandButton style color
文字の太さ ○ apex:commandButton style font-weight
スタイルクラス ○ apex:commandButton styleClass
- △ apex:commandButton accesskey
- W apex:commandButton action
action="{!edit}"となっているも
のを編集ボタンとして取り込ま
れる。
- △ apex:commandButton alt
- △ apex:commandButton dir
- △ apex:commandButton disabled
- △ apex:commandButton image
- △ apex:commandButton immediate
- △ apex:commandButton lang
- △ apex:commandButton onblur
- △ apex:commandButton onclick
- △ apex:commandButton oncomplete
- △ apex:commandButton ondblclick
- △ apex:commandButton onfocus
- △ apex:commandButton onkeydown
- △ apex:commandButton onkeypress
- △ apex:commandButton onkeyup
- △ apex:commandButton onmousedown
- △ apex:commandButton onmousemove
- △ apex:commandButton onmouseout
- △ apex:commandButton onmouseover
- △ apex:commandButton onmouseup
- △ apex:commandButton rendered
- △ apex:commandButton reRender
- △ apex:commandButton status
- △ apex:commandButton tabindex
- △ apex:commandButton timeout
xiv. キャンセルボタン
プロパティ名
区
分
※
タグ名 属性 値 制約や注意事項
ID ○ apex:commandButton id
値を編集する × - -
値 ○ apex:commandButton value
ツールチップ ○ apex:commandButton title
幅指定有り × - -
幅[px] ○ apex:commandButton style width
単位は px のみ。px
以外の場合は追加
スタイルとして取り
込まれる。
ボタンスタイル × - -
文字色 ○ apex:commandButton style color
文字の太さ ○ apex:commandButton style font-weight
確認画面 × -
確認画面メッセージ編集 × - -
確認画面メッセージ × - -
スタイルクラス ○ apex:commandButton styleClass
- △ apex:commandButton accesskey
- W apex:commandButton action
action="{!cancel}"と
なっているものをキ
ャンセルボタンとし
て取り込まれる。
- △ apex:commandButton alt
- △ apex:commandButton dir
- △ apex:commandButton disabled
- △ apex:commandButton image
- △ apex:commandButton immediate
- △ apex:commandButton lang
- △ apex:commandButton onblur
- △ apex:commandButton onclick
- △ apex:commandButton oncomplete
- △ apex:commandButton ondblclick
- △ apex:commandButton onfocus
- △ apex:commandButton onkeydown
- △ apex:commandButton onkeypress
- △ apex:commandButton onkeyup
- △ apex:commandButton onmousedown
- △ apex:commandButton onmousemove
- △ apex:commandButton onmouseout
- △ apex:commandButton onmouseover
- △ apex:commandButton onmouseup
- W apex:commandButton rendered
- △ apex:commandButton reRender
- △ apex:commandButton status
- △ apex:commandButton tabindex
- △ apex:commandButton timeout
xv. 削除ボタン
プロパティ名
区
分
※
タグ名 属性 値 制約や注意事項
ID ○ apex:commandButton id
値を編集する × - -
値 ○ apex:commandButton value
ツールチップ ○ apex:commandButton title
幅指定有り × - -
幅[px] ○ apex:commandButton style width
単位は px のみ。px 以外の場
合は追加スタイルとして取り込
まれる。
ボタンスタイル × - -
文字色 ○ apex:commandButton style color
文字の太さ ○ apex:commandButton style font-weight
スタイルクラス ○ apex:commandButton styleClass
- △ apex:commandButton accesskey
- W apex:commandButton action
action="{!delete}"となっている
ものを削除ボタンとして取り込
まれる。
- △ apex:commandButton alt
- △ apex:commandButton dir
- △ apex:commandButton disabled
- △ apex:commandButton image
- △ apex:commandButton immediate
- △ apex:commandButton lang
- △ apex:commandButton onblur
- △ apex:commandButton onclick
- △ apex:commandButton oncomplete
- △ apex:commandButton ondblclick
- △ apex:commandButton onfocus
- △ apex:commandButton onkeydown
- △ apex:commandButton onkeypress
- △ apex:commandButton onkeyup
- △ apex:commandButton onmousedown
- △ apex:commandButton onmousemove
- △ apex:commandButton onmouseout
- △ apex:commandButton onmouseover
- △ apex:commandButton onmouseup
- W apex:commandButton rendered
- △ apex:commandButton reRender
- △ apex:commandButton status
- △ apex:commandButton tabindex
- △ apex:commandButton timeout
xvi. カスタムボタン
プロパティ名
区
分
※
タグ名 属性 値 制約や注意事項
Wrapper ID × -
ID ○ apex:commandButton id
表示条件 ○ apex:commandButton rendered
値 ○ apex:commandButton value
ツールチップ ○ apex:commandButton title
幅指定有り × - -
幅[px] ○ apex:commandButton style width
単位は px のみ。px
以外の場合は追加ス
タイルとして取り込ま
れる。
ボタンスタイル × - -
文字色 ○ apex:commandButton style color
文字の太さ ○ apex:commandButton style font-weight
動作選択 × -
遷移先設定 × -
別ウィンドウで開く × -
OnClick ○ apex:commandButton onclick
action W apex:commandButton action
action が、「save、
edit、 cancel、
delete」以外の場合、
カスタムボタンとして
取り込まれる。
OnCompleate ○ apex:commandButton oncomplete
テーブルリージョン設定 ×
スタイルクラス ○ apex:commandButton styleClass
immediate ○ apex:commandButton immediate
reRender ○ apex:commandButton reRender
- △ apex:commandButton accesskey
- △ apex:commandButton alt
- △ apex:commandButton dir
- △ apex:commandButton disabled
- △ apex:commandButton image
- △ apex:commandButton lang
- △ apex:commandButton onblur
- △ apex:commandButton ondblclick
- △ apex:commandButton onfocus
- △ apex:commandButton onkeydown
- △ apex:commandButton onkeypress
- △ apex:commandButton onkeyup
- △ apex:commandButton onmousedown
- △ apex:commandButton onmousemove
- △ apex:commandButton onmouseout
- △ apex:commandButton onmouseover
- △ apex:commandButton onmouseup
- W apex:commandButton status
SkyVisualEditor の標
準機能で利用してい
るため設定値が削除
され、「WARN」として
メッセージが表示さ
れる。
- △ apex:commandButton tabindex
- △ apex:commandButton timeout
xvii. FreeText
プロパティ名
区
分
※
タグ名 属性 値 制約や注意事項
Wrapper ID × -
ID ○ apex:outputText id
子要素( <apex:param >
など)がある場合はコンポ
ーネント変換せずに、コー
ドブロックとして
<apex:outputText>のまま
取り込まれる。
幅[px] × -
高さ[px] × -
値 ○ apex:outputText value
○ apex:page 子テキスト
page タグの直下の子テキ
スト要素のみ、FreeText
コンポーネントとして取り
込まれる。
文字色 ○ apex:outputText style color
文字のサイズ ○ apex:outputText style font-size
文字の太さ ○ apex:outputText style font-weight
下線 ○ apex:outputText style text-decoration:underline
「underline」以外は追加ス
タイルとして取り込まれ
る。
表示条件 ○ apex:outputText rendered
スタイルクラス ○ apex:outputText styleClass
- △ apex:outputText dir
- W apex:outputText escape
- △ apex:outputText label
- △ apex:outputText lang
- △ apex:outputText title
xviii. 空白スペース
プロパティ名 区分
※ タグ名 属性 値 制約や注意事項
-
○ apex:outputPanel -
ページブロックセクション内に
「<apex:outputPanel ></apex:outputPanel>」の
場合のみ空白スペースとして取り込まれる。
xix. カスタムリンク
プロパティ名
区
分
※
タグ名 属性 値 制約や注意事項
Wrapper ID × -
ID ○ apex:commandLink id
表示条件 ○ apex:commandLink rendered
値
○ apex:commandLink value
○ apex:commandLink 子テキスト
子テキストがある場合
は、改行、タブをスペー
スに置き換えられ、、
「value+子テキスト」とし
たものが取り込まれる。
(子テキストは削除され
る)
文字色 ○ apex:commandLink style color
文字のサイズ ○ apex:commandLink style font-size
文字の太さ ○ apex:commandLink style font-weight
横位置 × -
動作選択 × -
遷移先設定 × -
別ウィンドウで開く × -
OnClick ○ apex:commandLink onclick
action W apex:commandLink action
OnComplete ○ apex:commandLink oncomplete
テーブルリージョン設定 × -
スタイルクラス ○ apex:commandLink styleClass
- △ apex:commandLink accesskey
- △ apex:commandLink charset
- △ apex:commandLink coords
- △ apex:commandLink dir
- △ apex:commandLink hreflang
- △ apex:commandLink immediate
- △ apex:commandLink lang
- △ apex:commandLink onblur
- △ apex:commandLink oncomplete
- △ apex:commandLink ondblclick
- △ apex:commandLink onfocus
- △ apex:commandLink onkeydown
- △ apex:commandLink onkeypress
- △ apex:commandLink onkeyup
- △ apex:commandLink onmousedown
- △ apex:commandLink onmousemove
- △ apex:commandLink onmouseout
- △ apex:commandLink onmouseover
- △ apex:commandLink onmouseup
- △ apex:commandLink rel
- △ apex:commandLink reRender
- △ apex:commandLink rev
- △ apex:commandLink shape
- △ apex:commandLink status
- △ apex:commandLink tabindex
- △ apex:commandLink target
- △ apex:commandLink timeout
- △ apex:commandLink title
- △ apex:commandLink type
xx. 画像
プロパティ名
区
分
※
タグ名 属性 値 制約や注意事項
Wrapper ID × -
ID ○ apex:image id
○ img id
表示条件 ○ apex:image rendered
○ img rendered
画像ソース ○ apex:image value
「外部 Web サイトの画像を選択」として取り込
まれる。
○ img src
幅[px] ○ apex:image width
単位なし、もしくは px のみ取り込まれる。それ
以外の設定値は削除され、「WARN」としてメッ
セージが表示される。
○ img style width
高さ[px] ○ apex:image height
単位なし、もしくは px のみ取り込まれる。それ
以外の設定値は削除され、「WARN」としてメッ
セージが表示される。
○ img style height
横位置 × -
縦横比 × -
JavaScript ○ apex:image onclick
JavaScript ○ apex:image ondblclick
JavaScript ○ apex:image onkeydown
JavaScript ○ apex:image onkeypress
JavaScript ○ apex:image onkeyup
JavaScript ○ apex:image onmousedown
JavaScript ○ apex:image onmousemove
JavaScript ○ apex:image onmouseout
JavaScript ○ apex:image onmouseover
JavaScript ○ apex:image onmouseup
JavaScript ○ img onclick
JavaScript ○ img ondblclick
JavaScript ○ img onkeydown
JavaScript ○ img onkeypress
JavaScript ○ img onkeyup
JavaScript ○ img onmousedown
JavaScript ○ img onmousemove
JavaScript ○ img onmouseout
JavaScript ○ img onmouseover
JavaScript ○ img onmouseup
スタイルクラス ○ apex:image styleClass
- △ apex:image alt
- △ apex:image dir
- △ apex:image ismap
- △ apex:image lang
- △ apex:image longdesc
- △ apex:image style
- △ apex:image title
- △ apex:image url
- △ apex:image usemap
- △ apex:image style
- △ apex:image title
(3) 「データテーブル」コンポ―ネントの facet インポート例
<apex:dataTable>や<apex:pageblockTable>は「データテーブル」コンポーネントとしてインポート
されます。子要素の facetとしてインポート可能な例は以下の通りです。
【ヘッダーのインポートパターン】
apex:columnの属性の value
例 <apex:column value="{!item.Reason}" />
apex:columnの属性の headerValue
例 <apex:column value="{!item.Priority}" headerValue="Priority"/>
apex:facet の name=”header”の子要素
例 <apex:facet name="header">Name</apex:facet>
<apex:facet name="header">
<apex:outputText value="{!$ObjectType.Case.Fields.CreatedDate.Label}" />
</apex:facet>
【値のインポートパターン】
apex:columnの属性の value
例 <apex:column value="{!item.Reason}" />
apex:columnの子テキスト要素
例 <apex:column headerValue="CaseNumber">
{!item.CaseNumber}
</apex:column>
apex:columnの子要素
例 <apex:column headerValue="CaseNumber">
<apex:outputField value="{!item.CreatedDate}" />
</apex:column>
以上