Droppable Accordion – Symphonix

Status

Release Available	Status	Framework Name
4.2	Current	Mui and Mint

General

A portal administrator can create a droppable accordion to allow users to upload files by dropping them on the UI. For multiple accounts or records, each account or record has a separate droppable zone. Add the following configurations to the appearance section of an Accordion actor and Dynamic container:

Note

The following configuration makes an accordion droppable but for document upload functionality to work, a child actor which is fully configured with document upload functionality must be available in Portal and specified in the configuration.
For Dynamic Containers, the following configuration needs to be added under the parent accordion.

Example 142. Code JSON

"droppableAccordion": {
    "uploadActorName": "MultiDocumentUploadActor",
    "uploadActionName": "upload",
    "type": "FILE"  }

Where,

uploadActorName: It is the child component that supports the upload of documents.
uploadActionName: It is the name of the action in the child component.
type: It is the droppable entry type.

Droppable Accordion in the expanded state

Droppable Accordion in the collapsed state

When a user drops the files in an accordion in the collapsed state, the accordion expands automatically after the user drops the files.

Highlighting Area When a User Drops Files in a Droppable Container

Status

Release Available	Status	Framework Name
4.2	Current	Mui only

General

A portal administrator can configure to highlight the droppable area whenever a user tries to drop a file inside a droppable component, record, or accordion. The area is highlighted with a dashed border around the component, record, or accordion.

Add the following configurations to highlight the droppable area:

Example 143. Code JSON

"droppableComponent": {
    "uploadActionName": "upload",
    "type": "FILE",
    "highlightDroppableArea": true
  }