お知らせ:当社は、お客様により充実したサポート情報を迅速に提供するため、本ページのコンテンツは機械翻訳を用いて日本語に翻訳しています。正確かつ最新のサポート情報をご覧いただくには、本内容の
英語版を参照してください。
<pc>
「<pc>」タグは、パネル行内の列を定義します。
親タグ:<pr>
子タグ:<pr>、<text>、<image>、<button>
1. 幅
幅 属性は、<pc>のための幅を定義します。
例
構文 | <pr width='fill'> <pc width='50%' bgColor='#2A70E7'> <text type='Text' value='Zoho Creator'/> </pc> <pc width='50%' bgColor='#00D9B1'> <text type='Text' value='Zoho Creator'/> </pc> </pr> |
出力 | |
注意:
- 幅属性は、<pr width='fill'> の時のみ <pc> に適用されます
2. パディング
padding属性は、<pc>とその子要素の全側に指定された空間を生成します。
可能な値
例
構文 | <pr width='fill'> <pc width='100%' padding='20px'></pc> </pr> |
出力 | |
注意:
3. paddingTop
3. paddingTop
3. paddingTop
3. paddingTop
3. paddingTop
3. paddingTop
3. paddingTop
3. paddingTop
3. paddingTop
3. paddingTop
3. paddingTop
3. paddingTop
3.
paddingTop属性は、<pc>の上側とその子要素の間に指定された量の空間を生成します。
可能な値
例
構文 | <pr width='fill'> <pc width='100%' paddingTop='50px'></pc> </pr> |
出力 | |
注意:
4. paddingRight
4. 右のパディング
paddingRight 属性は、<pc>の右側とその子要素の間に指定された量の空間を生成します。
可能な値
例
構文 | <pr width='fill'> <pc width='100%'> <pr> <pc> <text value='Zoho Creator'/></pc> <pc paddingRight='25px' bgColor='#00D9B1'> <text value='Zoho Creator'/></pc> </pr> </pc> </pr> |
出力 | |
注意:
5. paddingBottom(パディングボトム)
paddingBottom 属性は、<pc> の下側からその子要素までの指定されたスペースを生成します。
可能な値
例
構文 | <pr width='fill'> <pc width='100%' paddingBottom='50px'></pc> </pr> |
出力 | |
注意:
6. paddingLeft
6. paddingLeft
6. 左のパディング
paddingLeft 属性は、<pc>の左側とその子要素の間に指定された量の空間を生成します。
可能な値
例
構文 | <pr width='fill'> <pc width='100%'> <pr> <pc> <text value='Zoho Creator'/></pc> <pc paddingLeft='25px' bgColor='#00D9B1'> <text value='Zoho Creator'/></pc> </pr> </pc> </pr> |
出力 | |
注意:
7. bgColor
7. bgColor
7. bgColor
7. bgColor
7. bgColor(背景色)
bgColor属性は、<pc>要素の背景色を指定します。
可能な値
- 16 進数の色値。 16 進数の色コードについては、こちらのリンクを参照してください。
デフォルト値
例
構文 | <pc bgColor='#2A70E7'> |
出力 | |
8. hAlign
8. hAlign
8. hAlign
8. hAlign
8. hAlign
8. hAlign
8. hAlign
8. hAlign
8. hAlign
8. hAlign
8. hAlign
8. hAlign
8. hAlign
8. hAlign
8.
hAlign属性は、<pc>内のコンテンツの水平位置を指定します。
可能な値
デフォルト値
例
構文 | <pc hAlign='left'> <text type='Text' value='Zoho Creator'/> </pc> |
出力 | |
9. vAlign
9. vAlign(垂直配置)
vAlign属性は、<pc>内のコンテンツの垂直位置を指定します。
可能な値
デフォルト値
例
構文 | <pc vAlign='top'> <text type='Text' value='Zoho Creator'/> </pc> |
出力 | |
10. 行動
アクション 属性は、<pc>をクリックしたときにトリガーされるアクションを指定します。
可能な値
例
アクション | 構文 |
リンク | <pc action='Link' url='開かれるURL '></pc>* |
フォーム | <pc action='Form' componentLinkName='Zoho Creatorフォームを開くリンク名' appLinkName='フォームが属するZoho Creatorアプリケーションのリンク名' /></pc>* |
レポート | <pc action='Report' componentLinkName='Zoho Creator レポートを開くためのリンク名' appLinkName='レポートが属する Zoho Creator アプリケーションのリンク名' /></pc>* |
ページ | <pc action='Page' componentLinkName='Zoho Creatorのページのリンク名' appLinkName='Zoho Creatorアプリケーションに属するページのリンク名'/></pc>* |
機能 | <pc action='Function' functionName='トリガーするカスタム機能の名前' /></pc>* |
* 次のセクションで、各アクションタイプの詳細を学びましょう。
注意:
- アクション 属性は任意です。
- アクション属性はソース属性として機能します。つまり、以下の属性のうちの1つまたは複数:url、componentLinkName、appLinkName、functionName、parameters、successMessage、target、popupWidthおよび popupHeight がアクションが指定された場合にのみ適用されます。
11. URL
url属性は、<pc>をクリックしたときに開かれるリソースの場所を指定します。
可能な値
- 他のウェブサイトへのURL
- Zoho Creatorアカウント内のコンポーネントへのURL
例
注意:
- URL属性は任意です。
- <action='Link'>の場合にのみ適用されます。
12. コンポーネントリンク名
componentLinkName属性は、クリックした<pc>に開かれるZoho Creatorコンポーネントのリンク名を指定します。
可能な値
- Zoho Creatorアプリケーションコンポーネントを開くためのリンク名。すべてのアプリケーションのすべてのコンポーネントのリンク名については、このページを参照してください。
例
アクション | 構文 |
フォーム | <pc action='Form' componentLinkName='User_Details'></pc> |
レポート | <pc action='Report' componentLinkName='User_Details_Report'></pc> |
ページ | <pc action='Page' componentLinkName='User_Dashboard'></pc> |
注意:
- componentLinkName 属性は任意です。
- <action='Form'/'Report'/'Page'> の場合にのみ適用されます。
13. appLinkName
13. アプリリンク名
appLinkName 属性は、関連するコンポーネントが属するZoho Creatorアプリケーションの名前を指定します。
可能な値
- Zoho Creatorアプリケーションのリンク名を開きます。 すべてのアプリケーションのリンク名については、このページを参照してください。
例
アクション | 構文 |
フォーム | <pc action='Form' componentLinkName='User_Details' appLinkName='Resource_management'></pc> |
レポート | <pc action='Report' componentLinkName='User_Details_Report' appLinkName='Resource_management'></pc> |
ページ | <pc action='Page' componentLinkName='User_Dashboard' appLinkName='Resource_management'></pc> |
注意:
- appLinkName 属性は任意です。 同じアプリケーションに関連付けられたアクションを指定する必要はありません。
- <action='Form'/'Report'/'Page'/'Function'>という場合にのみ適用されます。
14. 関数名
関数名 attribute は、<pc>をクリックしたときに実行されるカスタム関数の名前を指定します。
可能な値
- Zoho Creatorアプリケーションのどれかで定義されたカスタム関数です。アプリケーション内のカスタム関数のリストを取得するには、設定→拡張機能→カスタム関数に移動してください。
例
- <pc action='機能' functionName='send_email'/>
注意:
- 関数名は、デフォルトのネームスペースまたはカスタムネームスペースに属することができます。
- 関数がカスタムネームスペースに属する場合:<関数名='namespace_name.function_name'>
- 関数名 属性は任意です。
- <action='Function'>が指定されている場合にのみ適用され、関数名を指定する必要があります。
15. パラメーター
パラメータ 属性は、<pc>をクリックすると関連付けられるクエリパラメータを指定します。
可能な値
- 「フォーム」「レポート」「ページ」のとき、パラメーターは、対応するコンポーネントのパーマリンクに追加されるクエリ文字列を指します。クエリ文字列をフォーム、レポート、ページのパーマリンクで使用する方法については、このページを参照してください。
- 「機能」のとき、パラメーターは、選択したカスタム機能の引数を指します。
例
アクション | 構文 |
フォーム | <pc action='Form' componentLinkName='User_Details' appLinkName='Resource_management' parameters='App_name=${name}'></pc> または <pc action='Form' componentLinkName='User_Details' appLinkName='Resource_management' parameters='App_name=Zoho Creator'></pc> |
レポート | <pc action='Report' componentLinkName='User_Details' appLinkName='Resource_management' parameters='App_name=${name}' ></pc> または <button text='ボタンのラベル' action='Form' componentLinkName='User_Details' appLinkName='Resource_management' parameters='User_Name='Rob'></pc> |
ページ | <pc action='Page' componentLinkName='Zoho Creator ページのリンク名' appLinkName='Zoho Creator アプリケーションに属するページのリンク名' parameters='App_name=${name}'></pc>* |
注意:
- パラメータ 属性は任意です。
- <action='Form'/'Report'/'Page'/'Function'>の時にのみ適用されます。
- パラメータは、Name='Rob'のような静的な値、またはページパラメータのいずれかで指定できます。
- ページパラメータは、App_name=${name} の形式で指定する必要があります。nameはページパラメータです。
16. 成功メッセージ
successMessage 属性は、関連する関数の実行が成功した場合に表示されるメッセージを指定します。
可能な値
例
- <pc action='機能' functionName='send_email' successMessage='送信が成功しました!'></pc>
注意:
- successMessage 属性は任意です。
- <action='Function'>の場合にのみ適用されます。
17. ターゲット
対象 属性は、<pc>をクリックしたときにリンクされたアクションが開く場所を指定します。
可能な値
デフォルト値
注意:
- これは、<action='Link'/'Form'/'Report'/'Page'> の場合にのみ適用されます。
18. ポップアップの幅
popupWidth 属性は、リンクが開かれるポップアップウィンドウの幅を指定します。
可能な値
19. bgtype
19. bgtype
19. bgtype
19. bgtype
19. bgtype
19. bgtype
19. bgtype
19. bgtype
19. bgtype
19. bgtype
19. bgtype
19. bgtype
19. bgtype
19. bgtype
「bgtype」属性は、<pc>の背景画像を指定します。
可能な値
注意:
20. 背景画像の位置
bgImagePosition属性は、<pc>内の背景画像の位置を指定します。
可能な値
デフォルト値
注意:
- これは、 bgtype 属性が<pc>に設定された場合にのみ適用されます。
21. bgImageRepeat
21. bgImageRepeat
21. bgImageRepeat(画像の繰り返し)
「bgImageRepeat」という属性は、<pc>が繰り返されているかどうかを指定します。
可能な値
- 繰り返す
- 横方向に繰り返す
- 縦方向に繰り返す
- 繰り返さない
デフォルト値
注意:
- これは、 bgtype 属性が<pc>に設定され、かつ bgImagePosition='tile'の場合にのみ適用されます。
22. bgHorizontalAlign
22. bgHorizontalAlign
bgHorizontalAlign属性は、<pc>内の背景画像の水平方向の配置を指定します。
可能な値
デフォルト値
注意:
- これは、 bgtype 属性が<pc>に設定され、 bgImagePosition が'fill'または'fit'の場合にのみ適用されます
23. bgVerticalAlign
23. bgVerticalAlign
23. bgVerticalAlign
23. bgVerticalAlign
23. bgVerticalAlign
23. bgVerticalAlign
23. bgVerticalAlign
23. bgVerticalAlign
23. bgVerticalAlign
23. bgVerticalAlign
23. bgVerticalAlign
23. bgVerticalAlign
23. bgVerticalAlign
23. bgVerticalAlign
23.
bgVerticalAlign属性は、<pc>内の背景画像の垂直方向の配置を指定します。
可能な値
デフォルト値
注意:
- これは、 bgtype 属性が<pc>に設定され、 bgImagePosition が'fill'または'fit'のときにのみ適用されます
24. bgImage
24. bgImage
24. bgImage
24. 背景画像
bgImage属性は、アカウントのライブラリから設定されている<pc>タグの背景としてどの画像を指定するかを指定します。
可能な値
注:
- これは、 bgtype 属性が<pc>に設定されている場合にのみ適用されます。
25. オーバーレイカラー
overlayColor属性は、<pc>上に配置する色を指定します。
可能な値
デフォルト値
- #0000007f
テクニカルヘルプガイドの翻訳を行っていただきます。HTMLコンテンツに含まれる英語のテキストを、丁寧でビジネスに適した自然な言葉で日本語に翻訳してください。HTMLタグや属性を変更したり、新しいコンテンツを生成したりしないでください。英語のテキストが他の言語に翻訳されないようにしてください。