Details on how to use the photos widget, and methods for adding photos in connect.
There are several ways to add photos to your connect app. Consider the following before choosing a method:
Select the photos component from the left menu.
Type into the search box to browse through a large variety of royalty free photos from Pixabay. Keep in mind that the term you use to search will give you the best results. For example a search for “Cereal” will have different results than “ Cereal bowl”.
Once you have found the right photo, click and drag the photo into position on your app.
Select the photos component from the left menu and click on the Upload Photo Button at the top.
A window will appear where you can choose your photo source.
My Device will upload a photo from your computer file system. Select the files you want to upload then click the Open button.
Camera will take a picture using the camera on the device you are using to edit the app. (You will have to allow access to the camera on first use)
Link will present a field for you to enter a link where your photo is available online.
After you have chosen to upload a photo, you will be directed to the upload manager screen. You can choose to upload the photo or photos.
Click on add more in the top right corner to add more photos from the same or a different source. If you add more you will return to the upload manager, where you can choose to upload the selection of photos.
Once you click upload the photo or photos will be placed in the canvas.
You can see the images you uploaded by clicking on Photos in the left menu. The saved images will be visible for everyone who has access to your account.
Click on the edit button to remove images from saved images.
Click on view more below the images to see more of your uploaded images.
Photos can be added to a table for use in your app. First Create a manual table data connection. Click on Data in the left hand panel.
Click on Create a Connection. Then choose Create a Table.
Choose Image Upload for the Column Type.
Click Continue, Then name your connection.
Click Continue then edit your data.
Click the upload button to upload your first photo.
The photo upload modal window will appear.
Choose your photo then click upload
To upload more photos click the + button below the first record.
Click on the arrow next to the record number to re-order insert a row or edit the row.
Click on the record and you will see the option to replace or remove the photo on the right side of the window.
After uploading your photos click save Changes.
Photos can be added to an app from a connected data source. The advantage of this method is that photos can update independently from the connect app. For example photos from a google sheet can be replaced by simply changing the link in the spreadsheet.
This method requires a data source with photo urls. For example a spreadsheet, either google sheets, excel or csv, filled with links to hosted photos. Once the data connection is established photos can be dragged and dropped onto the canvas as a single data value or as a part of a repeating grid.
Follow this link to learn more about creating an app with data
You can use a shape as a frame for your photos. Add a shape to the app builder canvas. Then drag a photo into a shape and it will fill the shape.
Images can be removed from shapes by selecting the shape and clicking on remove image from the properties menu on the right.
Not sure how to start? Get inspired Using pre-built Templates
Learn how to connect your data Connecting your data
Support available between 9:00am and 5:00pm (CST-06:00), Monday through Friday
