タッチで動的にタブを表示/非表示ui -AEM

私はドロップダウンから値を選択するためのタブをいくつか表示する必要があります。タッチで動的にタブを表示/非表示ui -AEM

私は古典的なUIでこれを行っています。しかし、Touch UIの進め方は不明です。私はJQueryを使用できることを知っています。誰でも私が使用できるアプローチを教えてもらえますか？

2016-10-17 Naveen Sakhare

かなり簡単ですが、OOTBリストコンポーネント/libs/foundation/components/listを見てください。選択ドロップダウンは、/libs/foundation/components/list/cq:dialog/content/items/column/items/listFromと定義されています。プロパティーはclassおよびcq-dialog-dropdown-showhide-targetです。これらは非表示と表示の管理に使用されます。これらの値は非表示の引き金となりますタブパネルで、この作品だけでなく/libs/foundation/components/list/cq:dialog/content/items/column/items/setDescendants

出典

2016-10-17 17:03:19

のようにプロパティshowhidetargetvalueへのマッピングを示し/libs/foundation/components/list/cq:dialog/content/items/column/items/listFrom/items - こちらから今すぐ

は、下のドロップダウンの値を見てください。？ –

タブパネルの場合は、私のために働いていません。私は、ドロップダウンから値を選択する際にタブパネルを指定することを隠す/表示する必要があります。私は、タブセクション –

でプロパティ 'hide list-option-listfrom-showhide-target foundation-layout-util-vmargin'を配置しようとしました。これを参照してください - http://aempodcast.com/2016/javascript/simple-touch-ui -dialog-extensions-aem /＃。WAXG7pN9688 –

タッチで動的にタブを表示/非表示ui -AEM

答えて

関連する問題