属性

1. 種類

属性種類は、追加する画像の種類を指定します。

2. 値

属性値は、画像またはアイコンのパスまたは名前を指定します。

 メモ:

• *icon-クラスは、solidアイコンまたはoutlineアイコンを指します。
• あらかじめ用意されているicon-クラスのいずれかを使用します: zc-li-solid または zc-li-outline
• サポートされる画像形式: .jpeg、.jpg、.png。最大2 MBまでのサイズを使用できます。
  

 

3. size

属性 size は、アイコンのサイズを指定します。

メモ:

• size 属性は、種類='icon' の場合にのみ適用されます。
  

4. cornerRadius

cornerRadius 属性は、画像の角を丸める値を指定します。

 メモ:

• cornerRadius 属性は省略可能です。
  

5. color

color 属性は、アイコンの色を指定します。

メモ:

• color 属性は省略可能です。
• この属性は、<種類='icon'/> の場合にのみ適用されます。
  

6. bgColor

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

メモ:

• bgColor 属性は省略可能です。
  

7. width

width 属性は、<画像> の幅を定義します。

メモ:

• width 属性は省略可能です。
  

 

8. height

height 属性は、<画像> の高さを定義します。

メモ:

• height 属性は省略可能です。
  

9. padding

padding 属性は、画像とその枠線との間に指定した余白を生成します。

メモ:

• padding 属性は省略可能です。
  

10. paddingTop

The paddingTop 属性は、画像とその枠線の上側との間に指定した量の余白を生成します。

 メモ:

• paddingTop 属性は省略可能です。
  

11. paddingRight

The paddingRight 属性は、画像とその枠線の右側との間に指定した量の余白を生成します。

• ピクセル単位の数値

• ピクセル単位の数値

• ピクセル単位の数値

• ピクセル単位の数値

• ピクセル単位の数値

• marginTop 属性は省略可能です
  

• ピクセル単位の数値

• marginRight 属性は省略可能です
  

18. marginLeft

marginLeft 属性は、画像の左側とその親コンテナとの間に指定した余白を生成します。

• ピクセル単位の数値

• marginLeft 属性は省略可能です
  

• リンク
• フォーム
• レポート
• ページ
• Function

例

* 各操作タイプの詳細については、以下のセクションを参照してください。

 メモ:

• 操作属性は省略可能です。
• 操作属性はデータソース属性として機能します。つまり、次のいずれかまたは複数の属性、url, componentLinkName, appLinkName, functionName, パラメーター, successMessage, target, popupWidthおよびpopupHeightは、操作が指定されている場合にのみ適用されます。
  

• 別の Web サイトを指すurl
• Zoho Creator アカウント内のコンポーネントを指すurl

例

• <画像 値='https://www.zoho.com/sites/default/files/creator5-logo-2x.png' 操作='リンク' url='https://www.zoho.com/creator/'>

メモ:

• url属性は省略可能です。 
• これは <操作='リンク'> の場合にのみ適用されます。

• 開く Zoho Creator アプリケーションコンポーネントのリンク名。Zoho Creator アカウント内のすべてのアプリケーションにわたるすべてのコンポーネントのリンク名については、 this page を参照してください。

例

 メモ:

• componentLinkName属性は省略可能です。 
• これは、<操作='Form'/'レポート'/'Page'> の場合にのみ適用されます。

• 開く Zoho Creator アプリケーションのリンク名。お使いの Zoho Creator アカウント内のすべてのアプリケーションのリンク名については、このページを参照してください。

例

 メモ:

• appLinkName属性は省略可能です。 関連付けるコンポーネントが、現在操作しているアプリケーションと同じアプリケーションに属している場合は、appLinkName を指定する必要はありません。
• これは、<操作='Form'/'レポート'/'Page'/'Function'> の場合にのみ適用されます。
  

• Zoho Creator の任意のアプリケーションで定義されているカスタム関数。アプリケーション内のカスタム関数の一覧を取得するには、［設定］->［拡張機能］->［カスタム関数］に移動します。

例

• <画像 値='https://www.zoho.com/sites/default/files/creator5-logo-2x.png' 操作='Function' functionName='send_email'/>

メモ:

• 関数 functionName は、デフォルト名前空間またはカスタム名前空間のいずれかに属します。
• 関数がカスタム名前空間に属する場合：<functionName='namespace_name.function_name'>
• functionName属性は省略可能です。
• これは、<操作='Function'> で、関数名を指定する必要がある場合にのみ適用されます。
  

• 操作=<'Form' / 'レポート' / 'Page'> の場合、パラメーターは、対応するコンポーネントのパーマリンクに付加されるクエリー文字列を指します。フォーム、レポート、ページのパーマリンクでクエリー文字列を使用する方法については、こちらを参照してください。
• 操作=<'Function'> の場合、パラメーターは、選択したカスタム関数の引数を指します。

例

 メモ:

• parameter 属性は省略可能です。
• これは、<操作='Form'/'レポート'/'Page'/'Function'> の場合にのみ適用されます。
• パラメーターには、名前='Rob' のような固定値、またはページパラメーターを指定できます。
• ページパラメーターは App_name=${名前} のように指定します。ここで、名前 はページパラメーターです。
  

• 文字列

例

• <画像 値='https://www.zoho.com/sites/default/files/creator5-logo-2x.png' 操作='Function' functionName='send_email' successMessage='送信済み Successfully!'/>

メモ:

• successMessage 属性は省略可能です。
• これは、<操作='Function'> の場合にのみ適用されます。
  

• new-window
• same-window
• popup

初期値

• new-window

メモ:

• この設定は、<操作='リンク'/'Form'/'レポート'/'Page'> の場合にのみ適用されます。
  

• パーセンテージ（%）またはピクセルで指定する数値
  

1. <panel>
2. <pr>（パネル行）
   
3. <pc>（パネル列）
4. <text>
   
5. <接頭語>
   
6. <接尾語>
   
7. <画像>
   
8. <button>

添付ファイルに、アイコン（アウトラインと塗りつぶし）およびあらかじめ用意されたアイコンクラスの一覧が掲載されていますので、参照してください。