Button Upload Action

Navigate to HSYCO Manager
Create a new project or open an existing one

Go to the Home page

Click "add"

Add a "Button"

Go back to "edit" mode

Align the button by clicking "Align" and then "Center Horizontally" and "Center Vertically"

8. Give the button an ID ("uploadbutton" for example). This is very important because we'll use it later to set a dynamic attribute that cannot be set from the Project Editor

Change the "Label" to "Upload"

Change the "Description" to "Click to upload files"

11. Change the "Action" to "upload". The "Multiple" checkbox can be checked if you want to be able to upload multiple files at once. By default, one file at a time is uploaded

The page should look like this:

Click "Save" to save the project

Tip: Great! Now we need to set with some code the dynamic attribute I was talking about in Step 8

Go to "File Manager"

Create a new folder by clicking "New Folder"

16. Give the folder a name ("test" for example). This is the folder where we will save our file uploaded

As you can see, the folder has been created

Now open the directory "events"

Click "New File"

Give it a name ("upload.txt" for example) and click "New File"

**21. Now copy one the following two code snippets into the file and save it:

INIT : {
    uiSet("uploadbutton", "path", "test");
}

OR

INIT : UISET uploadbutton.path = test

The first one is JavaScript while the second is Events but they do the same action. What this does is it tells the button with ID "uploadbutton" to upload the files under the /test directory by setting the "path" attribute to "test"**