Custom Multifield and Image in single dialog | Community
Skip to main content
Level 9
October 16, 2015
Solved

Custom Multifield and Image in single dialog

  • October 16, 2015
  • 19 replies
  • 7525 views

Hello,

 

Is it possible to have multiple image with drop targets in multifield in a single dialog? Has anyone implemented this? It seems to be possible to have textfield/textarea in the custom multifield js that i have currently implemented, but i am not able to load an image.

 

Regards,

NZ

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

See the article - it covered this use case: 

http://helpx.adobe.com/experience-manager/using/creating-aem-multifield-components.html

19 replies

smacdonald2008
Level 10
October 16, 2015

I will put that as a priority. I have noticed that there are other questions around this workflow as well.

Level 9
October 16, 2015

Hello,

Was wondering if any updates to the same topic? Was looking for some help.

Thanks in advance,

NZ

Level 9
October 16, 2015

Will be looking forward to reading it. Thanks a lot.

Level 9
October 16, 2015

I see http://dev.day.com/docs/en/cq/5-4/widgets-api/index.html?class=CQ.form.SmartImage, where it has been mentioned that "the component is mainly designed for use on a separate dialog tab". Wonder if it is ever possible to have it in a single tab image multifield widget 

Level 9
October 16, 2015

Thanks for help. Well i did go through the training stuff but don't seem to find an example that talks of having image as part of multifield in a single dialog. Please correct  me if i have missed something.

Regards,

smacdonald2008
Level 10
October 16, 2015

By the way -- in the AEM docs -- it recommends that you install a package -see below.

Have you installed this package and looked at all the existing samples to see how they work and how you can extend them? 

GETTING STARTED WITH THE SAMPLES

To follow the tutorials on this page, install the package called Using ExtJS Widgets in a local AEM instance and create a sample page in which the components will be included. To do so:

  1. In your AEM instance download the package called Using ExtJS Widgets (v01) from Package Share and install the package. It creates the project extjstraining below /apps in the repository.
  2. Include the client library containing the scripts (js)  and the stylesheet (css) in the head tag of the geometrixx page jsp, as you will include the sample components in a new page of the Geometrixx branch:
    in CRXDE Lite open the file /apps/geometrixx/components/page/headlibs.jsp and add thecq.extjstraining category to the existing <cq:includeClientLib> tag as follows:
    %><cq:includeClientLib categories="apps.geometrixx-main, cq.extjstraining"/><%
  3. Create a new page in the Geometrixx branch below /content/geometrixx/en/products and call it Using ExtJS Widgets.
  4. Go in design mode and add all the components of the group called Using ExtJS Widgets to the design of Geometrixx
  5. Go back in edit mode: the components of the group Using ExtJS Widgets are available in the Sidekick.

     
smacdonald2008
smacdonald2008Accepted solution
Level 10
October 16, 2015
smacdonald2008
Level 10
October 16, 2015

Here is some input from one of the CQ developers:
 

I am quite sure that the smartimage widget is not compatible with the multifield, since it stores multiple properties and also possible a child node ("file" if you upload an image), whereas the multifield is strictly an array (multi-value property) only.

smacdonald2008
Level 10
October 16, 2015

I would think there is no reason why this would not work if the logic was implemented properly. We will log this request and get a step by step article created that will show how this can be done. In the mean time -- read this topic of the AEM docs:

http://dev.day.com/docs/en/cq/current/developing/widgets.html