Ok I have table that allows the users to input payments made basically the input from a check. This data is Data Type of Payments - I have several fields but one of them is an image; I have the bubble upload element on the page that allows users to upload the image this all works fine.
My use case is within the popup for a payment a user can click on the image to enlarge it.
When a user wants to edit a payment the user clicks ‘edit item’ and then the data is displayed in a popup. I am able to display all input data and the image stored in the database for that payment which is an image of the invoice/check etc. I want the ability to click on the image to provide a larger view.
One of many paths I’ve tried is adding the action if the image is clicked display in a popup but I am not able to pass the clicking on the image and displaying another popup
I’ve tried a few things but currently the image is in a repeating group as ultimately i would like to have a list of images so the user can upload multiple images and then click on the repeating group and display the images larger.
In this scenario when I try and set the repeating group
Type of Content = Payment Tracker
Data source = Parents Group Payments Tracker payment image I get the following error:
I am able to display the image in the pop up as an image but have not been able to pass the image from one popup to another popup.
I’m also open to using a zoom image or similar but would like to stay away from custom coding using java script to display the image larger.
Any help is greatly appreciated.
The issue with your Repeating Group is that you’re using a data source with a different data type than the Type of Content. The data source must always match the Repeating Group’s Type of Content. In this case, you could set the data source to Parent group's Payment_Tracker
, and inside the cell, you can place an image element that pulls data from Current cell's Image
.
Now, to display the image in a separate popup, here’s what you should do: after setting up the Repeating Group correctly, create a popup with the Type of Content set to Image
, and leave the data source empty. When the user clicks on the image, create a workflow with the following steps:
Show Popup → Display data in Popup → select the popup and set the Data to display as Current cell's Image
.
If you’re using groups inside the Repeating Group cell—which is generally recommended—then you should pass Parent group’s Image
instead.
Hope this helps!
Try using a custom state to store the image URL when it’s clicked in the repeating group. Set the custom state in the parent or globally, then display the larger image in the second popup by referencing that state. This way, you don’t need to pass the image directly between popups.
So I’m using a Table and the Type of Content is the Payment_Tracker and the Data Source = Search for Payment_Tracker with some additional filters as needed. When I add a repeating group to the table in Column F I’m not given the option to set the Data Source to data source to Parent group's Payment_Tracker
. I am able to display an image within the table defined as the ‘Current Row’s Payment_Tracker image’s Display’ and basically the steps you outline above; I’m having issues with displaying data in either a repeating group or a table that is nested inside a repeating group/table
Thanks can you explain or provide a link for passing the custom state to the popup? I tried this option prior to posting after reading a few posts and watching some videos.
From the error text box seems this is happening because the data type ‘Payment_Tracker Payment_Image’ is an “Image”.
If you want to display this data type in a RG make sure it’s set to “List of images”, that way you’ll be able to use ‘Payment_image’ as the data source.
PS: This involves deleting the old data type and creating the new one as a list of images.