Development Guide

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 ページは以下の４つの特徴があるため、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 ユーザマニュアル

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

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」としてメッセージ が表示される。

(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 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 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