Image Fileupload using Coral 3 drag and drop | Community
Skip to main content
A
Anonymous
April 19, 2019
Solved

Image Fileupload using Coral 3 drag and drop

  • April 19, 2019
  • 8 replies
  • 6293 views

I am looking for a way to drag and drog image file using coral 3 within the dialog (as shown below). 

I was able to do this with coral 2 and was wondering how to do it with coral 3.

Can someone provide me the code to do this?

    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 arunpatidar

    Hi,

    You can't do that with coral3 but you can use foundation fileupload

    cq/gui/components/authoring/dialog/fileupload

    OR use pathfield to browse images.

    PathField — Granite UI 1.0 documentation

    8 replies

    kautuk_sahni
    Community Manager
    kautuk_sahniCommunity Manager
    Community Manager
    April 23, 2019

    See FileUpload — Granite UI 1.0 documentation

    Kautuk Sahni
    A
    Anonymous
    April 23, 2019

    I already looked at the documentation, it does not show how to create a drag and drop fileupload.  The fileupload changed dramatically from it's previous version.  The documentation does not show an example on how to do this.

    I would like a working sample.  Please provide a working example in xml.

      rmahendra
      Adobe Employee
      rmahendraAdobe Employee
      Adobe Employee
      April 23, 2019

      Check the core components image component
      aem-core-wcm-components/content/src/content/jcr_root/apps/core/wcm/components/image/v2/image at master · adobe/aem-core-…

      A
      Anonymous
      April 23, 2019

      Hi rmahendra

      I am looking for a dialog with a fileupload (in coral 3) that we can drag and drop the image.

      The example you gave me does not have a coral 3 fileupload.

      arunpatidar
      Community Advisor
      arunpatidarCommunity AdvisorAccepted solution
      Community Advisor
      April 23, 2019

      Hi,

      You can't do that with coral3 but you can use foundation fileupload

      cq/gui/components/authoring/dialog/fileupload

      OR use pathfield to browse images.

      PathField — Granite UI 1.0 documentation

      Arun Patidar
        A
        Anonymous
        April 23, 2019

        Hey Arun,

        You are saying that it is not possible.

        Was it designed that way?  Or is it a bug?

        arunpatidar
        Community Advisor
        arunpatidarCommunity Advisor
        Community Advisor
        April 23, 2019

        I think it is by designed because if you compare coral2 and Granite fileupload

        Granite FileUpload — Granite UI 1.0 documentation

        Coral2 FileUpload — Granite UI 1.0 documentation

        below properties have been removed from Granite fileupload which is used to browse assets from dam

        fileNameParameter

        The parameter representing the file name, for instance “./fileName” or “./image/fileName”. It will be used to determine the (relative) location where to store the name of the file.

        fileReferenceParameter

        The location where to store the reference of the file (when a file already uploaded on the server is used), usually ./fileReference or ./image/fileReference. NB: This is only working in the context of AEM Authoring

        Arun Patidar
        crisr1
        crisr1
        Level 4
        January 27, 2020
        Where you looking to Drag and Drop from the Asset Finder or were you looking to drop a file to upload it from the computer desktop?
        Terms & ConditionsAccessibility statement

        Loading footer...