7892 - Add fileupload-advanced in a homepage widget and forms

[ericangeles]

Explain the details for making this change. What existing problem does the pull request solve?

This PR adds an example of fileupload-advanced in homepage widget and forms.

Related github/jira issue (required):

Closes #7892

Steps necessary to review your pull request (required):

• Pull this branch, build, and run the app
• Go to
  • http://localhost:4000/components/fileupload-advanced/example-in-a-homepage-widget.html
  • http://localhost:4000/components/fileupload-advanced/example-in-forms.html
• Check the responsiveness of the layout in different sizes
• Height should be responsive
• Play around the page

Included in this Pull Request:
- [ ] An e2e or functional test for the bug or feature.

• A note to the change log.

[tmcconechy]

Looks good 👍🏻

a) What about making it work in a field in a grid http://localhost:4000/components/form/example-inputs-simple.html so more options that just widget will work?

b) What about making the height responsive/adjustable too?

I think is more worth considering because maybe they dont do it in a widget and want it to be sizable

[n-ace-ancog]

http://localhost:4000/components/fileupload-advanced/example-in-forms.html, when resizing the window:

1. the last row 1st component is not the same size as the other.
2. the upload status overshoots the rectangle

Screen.Recording.2024-05-15.at.7.50.43.PM.mov

Not sure if this is nit picking, but In http://localhost:4000/components/fileupload-advanced/example-in-a-homepage-widget.html, the bottom of each horizontal bars some how overlaps

[glenlieorillo]

Galaxy Z Fold 5 - Text overflows outside the border

RTL

iPhone 15 Pro Max - Passed

[n-ace-ancog]

The status of the upload is now within the rectangle.

The first component on the last row is still not aligned when resizing.

In RTL, same scenario and the right padding while resizing vanishes

[jbrcna]

[n-ace-ancog]

Working as expected:

[jbrcna]

great work!
issues were now fixed