項目属性/変数のポップオーバー

項目属性と変数のポップオーバーに、情報を表示する機能が追加されました。これらのコントロールは、グリッドの内部または外部で使用できます。

ポップオーバーには選択した Web コンポーネントが表示され、そこから柔軟にカスタマイズできます。また、WorkWithPlus for Web には一連のポップオーバーテンプレートが用意されているため、作成済みのテンプレートをベースにして Web コンポーネントを作成できます。

ポップオーバーは、左、右、上、下に表示できます。また、アイコンフォントか、ポップオーバーを追加した項目属性/変数からタイプアクションをクリックまたはホバリングして表示することもできます。

ポップオーバーには [Security Functionality Key] があるため、GAM の統合セキュリティから表示と非表示の切り替えができます。

PopoverImg01

 
 
 
[Popover] ノード

 

PopoverNode

ポップオーバーの目的は、項目属性/変数がホバリングまたはクリックされたときに追加情報を表示することです。例: 項目属性/変数のポップオーバー

[Popover ] ノードには、次のプロパティがあります:

カテゴリ プロパティ  
全体のプロパティ [Content Type] PopoverProperties
[Web Component]
[HTML]
[Theme Class]
[Trigger Element]
[Font Icon Theme Class]
[Position]
[Trigger]
[Web Component Load]
[Advanced Security] [Security Functionality Key]

全体のプロパティ:

[Content Type]:

ポップオーバーの内容を、ノードで定義された HTML にするか、Web コンポーネントにするかを指定します。

[Web Component]:

[Content Type] プロパティが [Web Component] の場合、ポップオーバーに表示する Web Component オブジェクトをこのプロパティに追加する必要があります。ポップオーバーに表示する Web コンポーネントを作成するためのテンプレートがいくつか用意されていますが、カスタマイズした Web コンポーネントを作成することもできます。

[HTML]:

[Content Type] プロパティが [HTML] の場合、項目属性/変数のポップオーバーに表示する HTML をこのプロパティに追加する必要があります。

[Theme Class]:

ポップオーバーエレメントに割り当てられるテーマクラスを指定します。

[Trigger Element]:

ポップオーバーが値でトリガーされるか、値の横にあるアイコンフォントでトリガーされるかを指定します。

[Font Icon Theme Class]:

[Trigger Element] プロパティが [Font icon] の場合、項目属性/変数の横に表示されるアイコンをこのプロパティに挿入する必要があります。

[Position]:

ポップオーバーが、アイコンまたは値に対してどの位置に表示されるかを指定します。有効な値は次のとおりです: 左、右、下、上、および <default>。<default> 値は、[WorkWithPlus for Web Settings] -> [Template] ノード内の [Position] プロパティから取得されます。

[Trigger]:

ポップオーバーが、値/アイコンをホバリングしたときに表示されるか、クリックしたときに表示されるかを指定します。<default> 値は、[WorkWithPlus for Web Settings] -> [Template] ノード内の [Trigger] プロパティから取得されます。

[Web Component Load]:

[Content Type] プロパティが [Web Component] の場合、表示される Web コンポーネントがロードされるタイミングをこのプロパティで設定します。オプションは次のとおりです: [On Web Panel Load]、[On first trigger]、[On every trigger]。 

[Advanced Security] のプロパティ:

[Security Functionality Key]:

ポップオーバーに割り当てられる権限の名前を表示するか、非表示にするかを指定します。 



Copyright © 2007-2015 DVelop Software Solutions - www.workwithplus.com