Details

    • Type: Task
    • Status: Open
    • Priority: Minor
    • Resolution: Unresolved
    • Affects Version/s: None
    • Fix Version/s: None
    • Component/s: Item Selector
    • Labels:
      None

      Description

      Design

      Figma Mockup

      Drag&Drop Container:

      • the whole container is activable by Click or Drag&Drop
      • it will be possible to upload files from the operative system finder using the button placed at the right-bottom of the container.

      Interactions:

      • Clicking the container will open the Item Selector (in the blog scenario: the Image Selector) allowing to select the file.
      • It is possible to grab a file from the operative system, drag it to the page and drop it inside the container. 
      • It is possible to upload a file from the os finder using the upload button, this action will add the image to the image selector.
      • For this blog case, we're allowing images with the following extensions gif, jpeg, jpg, png. Any other extension (eg: rar) will activate a validation an error.
      • If the file is accepted, the uploading will start
      • Once the image is uploaded it will be previewed directly into the container showing also a toolbar with 2 actions: 
        • Image (opens the Image Selector to change the image)
        • Delete (allows to remove the image)

        Attachments

          Activity

            People

            Assignee:
            support-lep@liferay.com SE Support
            Reporter:
            pablo.agulla Pablo Agulla
            Recent user:
            Emiliano Cicero
            Participants of an Issue:
            Votes:
            0 Vote for this issue
            Watchers:
            0 Start watching this issue

              Dates

              Created:
              Updated:

                Packages

                Version Package