「パソコンのタグを理解する」

「パソコンのタグを理解する」

お知らせ:当社は、お客様により充実したサポート情報を迅速に提供するため、本ページのコンテンツは機械翻訳を用いて日本語に翻訳しています。正確かつ最新のサポート情報をご覧いただくには、本内容の英語版を参照してください。

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

出力

注意:  

  • padding 属性は任意です。

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>

出力

注意: 

  • paddingTop 属性は任意です

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>

出力

注意: 

  • paddingRight 属性は任意です

5. paddingBottom(パディングボトム)

paddingBottom 属性は、<pc> の下側からその子要素までの指定されたスペースを生成します。

可能な値 
  • ピクセル単位の数値

構文

<pr width='fill'>

<pc width='100%' paddingBottom='50px'></pc>

</pr>

出力

注意: 

  • paddingBottom 属性は任意です

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>

出力


注意:  

  • paddingLeft 属性は任意です

7. bgColor
7. bgColor
7. bgColor
7. bgColor
7. bgColor(背景色)

bgColor属性は、<pc>要素の背景色を指定します。

可能な値
  • 16 進数の色値。 16 進数の色コードについては、こちらのリンクを参照してください。

デフォルト値

  • #FFFFFF(白)

構文 <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>の背景画像を指定します。

可能な値
  • ギャラリー

注意:

  • bgtype 属性は任意です。

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>上に配置する色を指定します。

可能な値
  • 16 進数の色の値

デフォルト値

  • #0000007f
    テクニカルヘルプガイドの翻訳を行っていただきます。HTMLコンテンツに含まれる英語のテキストを、丁寧でビジネスに適した自然な言葉で日本語に翻訳してください。HTMLタグや属性を変更したり、新しいコンテンツを生成したりしないでください。英語のテキストが他の言語に翻訳されないようにしてください。

    Zoho CRM 管理者向けトレーニング

    「導入したばかりで基本操作や設定に不安がある」、「短期間で集中的に運用開始できる状態にしたい」、「運用を開始しているが再度学び直したい」 といった課題を抱えられているユーザーさまに向けた少人数制のオンライントレーニングです。

    日々の営業活動を効率的に管理し、導入効果を高めるための方法を学びましょう。

    Zoho CRM Training



              Zoho WorkDrive Resources



                Zoho Desk Resources

                • Desk Community Learning Series


                • Digest


                • Functions


                • Meetups


                • Kbase


                • Resources


                • Glossary


                • Desk Marketplace


                • MVP Corner


                • Word of the Day









                                  Resources

                                  Videos

                                  Watch comprehensive videos on features and other important topics that will help you master Zoho CRM.



                                  eBooks

                                  Download free eBooks and access a range of topics to get deeper insight on successfully using Zoho CRM.



                                  Webinars

                                  Sign up for our webinars and learn the Zoho CRM basics, from customization to sales force automation and more.



                                  CRM Tips

                                  Make the most of Zoho CRM with these useful tips.