SkyVisualEditor Visualforce ページインポートユーザマニュアル · 2015-02-17 · Visualforce インポート実行時にはエラーが発生します。 c. API バージョンは31.0

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 ユーザマニュアル

https://www.skyvisualeditor.com/help/skyvisualeditor_help.pdf#pagemode=bookmarks&zoom=100

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>）、もしく

はコメント（例:）形式である必要があります。

コードを記述後、「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

では使用不可の

ため、設定値が

削除され、



される。

- W apex:page recordSetVar

SkyVisualEditor

では使用不可の

ため、設定値が

削除され、



される。

- 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. 編集ボタン

プロパティ名

区

分

※



値を編集する × - -







まれる。







action="{!edit}"となっているも

のを編集ボタンとして取り込ま

れる。




















- △ apex:commandButton rendered





xiv. キャンセルボタン

プロパティ名

区

分

※









以外の場合は追加

スタイルとして取り

込まれる。




確認画面 × -

確認画面メッセージ編集 × - -

確認画面メッセージ × - -




action="{!cancel}"と

なっているものをキ

ャンセルボタンとし

て取り込まれる。

























xv. 削除ボタン

プロパティ名

区

分

※










まれる。







action="{!delete}"となっている

ものを削除ボタンとして取り込

まれる。

























xvi. カスタムボタン

プロパティ名

区

分

※


Wrapper ID × -


表示条件 ○ apex:commandButton rendered






以外の場合は追加ス

タイルとして取り込ま

れる。




動作選択 × -

遷移先設定 × -

別ウィンドウで開く × -

OnClick ○ apex:commandButton onclick

action W apex:commandButton action

action が、「save、

edit、 cancel、

delete」以外の場合、

カスタムボタンとして


OnCompleate ○ apex:commandButton oncomplete

テーブルリージョン設定 ×


immediate ○ apex:commandButton immediate

reRender ○ apex:commandButton reRender


















- W apex:commandButton status

SkyVisualEditor の標

準機能で利用してい

るため設定値が削除

され、「WARN」として

メッセージが表示さ

れる。



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>

以上

Documents

SkyVisualEditor Visualforce ページインポート ユーザマニュアル · 2015-02-17 · Visualforce インポート実行時にはエラーが発生します。 c. API バージョンは31.0

SkyVisualEditor Visualforce ページインポートユーザマニュアル · 2015-02-17 · Visualforce インポート実行時にはエラーが発生します。 c. API バージョンは31.0