What should be the approach of implementing a Touch UI Dialog with a list of checkboxes, and the list comes from the server-side. | Community
Skip to main content
jydps87387977
Level 3
February 26, 2016
Solved

What should be the approach of implementing a Touch UI Dialog with a list of checkboxes, and the list comes from the server-side.

  • February 26, 2016
  • 2 replies
  • 902 views

Hello,

I need to implement a Touch UI dialog, so would like to know the best approach of implementing this dialog with a list of checkboxes, and this list comes from the server side.

 

Any suggestions ?

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.
Best answer by smacdonald2008

Normally to build a Touch UI dialog - you need to build a JCR node structure using node with resource types such as: granite/ui/components/foundation/section.

See this article to learn how to build a Touch UI dialog using JCR nodes: 

https://helpx.adobe.com/experience-manager/using/creating-touchui-component.html

Now - to dynamically build checkboxes in a Touch UI dialog - you need to write script that invokes a service operation that returns a list. Then read that list and code using Granite APIs

The only article that I know of that shows how to code with Granite APIs is the MultiTouch article

In this artilce - you can see a file named nested-multifield.js file that codes using Granite APIs. 

We will be putting more of these Granite API examples together. I am looking to see if I can find one that uses Checkboxes. 

2 replies

smacdonald2008
smacdonald2008Accepted solution
Level 10
February 26, 2016

Normally to build a Touch UI dialog - you need to build a JCR node structure using node with resource types such as: granite/ui/components/foundation/section.

See this article to learn how to build a Touch UI dialog using JCR nodes: 

https://helpx.adobe.com/experience-manager/using/creating-touchui-component.html

Now - to dynamically build checkboxes in a Touch UI dialog - you need to write script that invokes a service operation that returns a list. Then read that list and code using Granite APIs

The only article that I know of that shows how to code with Granite APIs is the MultiTouch article

In this artilce - you can see a file named nested-multifield.js file that codes using Granite APIs. 

We will be putting more of these Granite API examples together. I am looking to see if I can find one that uses Checkboxes. 

smacdonald2008
Level 10
February 26, 2016

Here is another community article that may help you with coding with Granite APIs: 

 http://experience-aem.blogspot.com/2016/02/aem-61-touchui-add-items-to-multifield-based-on-value-in-select.html