67
Views
7
Comments
Solved
Click on picture to upload with Reactive webapp

Currently there is an upload widget that allows us to place a button for uploading any files. But instead of that I want my users to click on the default picture to upload a new photo. How do I do that?

mvp_badge
MVP
Rank: #91
Solution

Hi Arun Nair,

Sorry for the late response.

Check this: Profile Image Upload App Screen (Traditional Web App)


PFA - includes the .oml solution file (Traditional Web Application)


Hope this helps you!


Regards,

Benjith Sam

UploadImageTask.oml

mvp_badge
MVP
Rank: #91

Hi Arun Nair,

On the click on a default user image, trigger a onclick event handler which includes a JS node with the below script and pass the upload widget Id as an input parameter to the JS node.

Code Snippet

document.getElementById($parameters.ElementId).click();

Set the Upload widget extended style property to display:none as shown below:

Check this: Sample App Screen

PFA - includes the .oml solution


Hope this helps you!


Regards,

Benjith Sam

UploadImageReactiveTestApp.oml

Rank: #15450

Thanks a lot Benjith. That worked.

mvp_badge
MVP
Rank: #91
Solution

Hi Arun Nair,

Sorry for the late response.

Check this: Profile Image Upload App Screen (Traditional Web App)


PFA - includes the .oml solution file (Traditional Web Application)


Hope this helps you!


Regards,

Benjith Sam

UploadImageTask.oml