how to dynamically change a image in AEM forms workflow step? | Community
Skip to main content
J
Jean-foxfly
New Participant
November 28, 2018
Solved

how to dynamically change a image in AEM forms workflow step?

  • November 28, 2018
  • 2 replies
  • 2662 views

I need to load a image for jcr node in a form for assigned step workflow task. The image was uploaded in previous step is in payload.

  • /var/fd/dashboard/payload/server0/2018-11-27/3G76W5ICECE6PISS6ADU4IH24M_6/Attach/fileupload/file.jpg

I prefilled text's fields with XmlData but I can't do it with an image. What is the correct form to prefill this image component?

    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 Jean-foxfly

    Hi workflowuser​, thanks for your response.

    Finally I had success in tests. I like to clarify some issues that I found at implementation of your solution.

    After give a name for image field in "CSS Class" attribute, I failed in access it by jquery. After a lot of tries and inspect code of html page, I found that the class name was gived to DIV, not for IMG tag. After see this I make a change in jquery and finaly works.  I used this:

    CSS Class attribute:  imgCNH  (give a name to field)

    jquery code: $(".imgCNH, img").attr("src","/content/dam/foxfly/jean CNH.jpg");

    Explanation:

    .imgCNH - Select DIV named in by CSS Class atribute

    , img - Selet tag IMG below the DV

    Thanks a lot for your help. I worked 3 days before your support, and now is solved.

    2 replies

    J
    Jean-foxflyAuthorAccepted solution
    New Participant
    November 28, 2018

    Hi workflowuser​, thanks for your response.

    Finally I had success in tests. I like to clarify some issues that I found at implementation of your solution.

    After give a name for image field in "CSS Class" attribute, I failed in access it by jquery. After a lot of tries and inspect code of html page, I found that the class name was gived to DIV, not for IMG tag. After see this I make a change in jquery and finaly works.  I used this:

    CSS Class attribute:  imgCNH  (give a name to field)

    jquery code: $(".imgCNH, img").attr("src","/content/dam/foxfly/jean CNH.jpg");

    Explanation:

    .imgCNH - Select DIV named in by CSS Class atribute

    , img - Selet tag IMG below the DV

    Thanks a lot for your help. I worked 3 days before your support, and now is solved.

      W
      workflowuser
      Employee
      November 28, 2018

      do the following

      provide a css class name to the the image component using the properties editor

      use this class name to set its src attribute using jquery. In your case the src attribute will be the path where the image is stored

      Take a look at the sample "Merge submitted data with acroform"

      https://forms.enablementadobe.com/content/samples/samples.html?query=0

      In this form you can upload image and that image is shown in the image component.

      You can download the code from the  corresponding helpx article

        Terms & ConditionsAccessibility statement

        Loading footer...