49
Views
7
Comments
Solved
[UploadToCloud] Image Upload Mobile App
uploadtocloud
Web icon
Forge asset by farideh zahedi
Application Type
Mobile
Service Studio Version
11.54.22 (Build 62709)

Hi, 

I'm trying to create an app that will let me capture and upload multiple images corresponding to a single case id. After entering a case id, the user needs to select a tag from the given list and then capture an image. However, from some reason incomprehensible to my sleep deprived and novice brain, the capture widget is not showing up when I try to view it in my browser.

CHAMPSImageCollection.oml
2021-08-26 18-09-47
João Santos
Champion
Solution

Hei, so right now you don't have the upload widget there, only the adaptive gallery (see attached image). The gallery is not showing anything because there are still no photos to be displayed ;)

Other notes:
The save is not doing anything right now.
Also, you have a lot of dependencies for an app that almost has nothing yes. I would advise to build it gradually and use the dependencies only when you need them :)



UserImage.jpg
Ali Mohsin

Hi,

I am very very thankful to your response. Until you pointed it out, I did not even see it. The Upload widget is visible on the app screen now.


Regarding the dependencies, I modeled the app after the Task Detail template provided by OutSystems and I need a lot more training and a lot more practice to figure out which dependencies are necessary here and which are not.

As to the issue of 'Save', can you point to any resource I can look up? I initially needed my images to be saved in Microsoft OneDrive, but I'm willing to compromise on any online storage/database right now. But I don't know how that will work if I have no connectivity at the time of use.

Again, I am very very grateful to you. If you have any other insight then please let me know.

2021-08-26 18-09-47
João Santos
Champion

I really recomend that you follow this entire course on outsystems reactive app development:
https://learn.outsystems.com/training/journeys/web-developer-662/outsystems-overview/o11/2155

If you want to skip directly to the part with the form save actions you can find it here:
https://learn.outsystems.com/training/journeys/web-developer-662/building-reactive-web-forms/o11/142

Skip the google drive for now, first learn how to save data as binary to the outsystems database, and then when it's working, replace it with an external connector.

Build as gradually as you can, one field at a time, and test each change you introduce. Small steps will get you far and with less debug time :)

UserImage.jpg
Ali Mohsin

Hi, 

It's absolutely my intention to complete the entire course. But I only found out about outsystems this week and haven't been able to spare even five minutes. Still your responses have been really helpful to me. Thank you :)

2023-03-31 06-39-46
Asad Sheikh

Hi @Ali Mohsin

You did it right using list I have also try this using list append but initially it is getting same problem as you are facing because the list we are passing in initially empty that is why the widget is not showing, to achieve this we have two forge component you can use one of them.

1) https://www.outsystems.com/forge/component-overview/7405/reactfilepondupload
2) https://www.outsystems.com/forge/component-overview/8411/reactive-multiple-file-upload

Regards,
Asad

UserImage.jpg
Ali Mohsin

Hi,
Thank you for your reply. But this is my first app and I'm completely lost. Aren't these components built for web applications, specifically? Can I use them on Android?

2023-03-31 06-39-46
Asad Sheikh

Hey Ali Mohsin
 
I can understand see Reactive Apps are build for both web and mobile so you can use in the mobile whatever forge component you want. If see the icon of reactive app it include both mobile and web. I am sending you one link you please read and then you will understand what is reactive app and how we can use.

https://success.outsystems.com/documentation/11/getting_started/choose_the_right_app_for_your_project/

Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.