I’m attempting to display an image from the currently selected detail line, beside the grid, and I cannot get it to work without database manipulation.
The detail lines are a custom Photo record that have some details about the photo, and an image uploader shown in the element below. All on a simple form. This custom photo record is working as expected.
<div id="divColumnC-Img" slot="B">
<qp-image-uploader id="ImageUrl" state.bind="Photo.ImgUrl" width="100%" height="100%" caption="Image">
</qp-image-uploader>
</div>
Now, beside this other grid, I want to display the photo from the currently selected line.
See below.
However, it doesn’t load the image, and when I open developer tools I see this message on the console.
“app.ts:222 GET http://localhost/<SiteName>/Shedworks%20Photo%20(PHO-00009110)/login_bg3.jpg 404 (Not Found)”
Here’s that image viewer element.
<div id="divColumnC-Img" slot="A">
<qp-image-view id="ImageUrl" state.bind="Photos.ImgUrl" width="100%" height="100%" caption="Image">
</qp-image-view>
</div>
If I look in the database for that photo record, the ImgUrl value is
Shedworks Photo (PHO-00009110)\login_bg3.jpg
Which is a familiar framework pattern consisting of Screen Name, Record Keys, and File Name. Obviously the file handling mechanism can use this to fetch the file, because the viewer is working on the photos record. It’s just not working when I want to display it beside the grid in the qp-image-view.
Then, I opened File Maintenance and grabbed this actual File Url from there. I updated the photo record ImgUrl field in the database with this url.
http://localhost/<SiteName>/Frames/GetFile.ashx?fileID=f887d3af-74e0-4e62-a058-1e805f119cbc
Now the photo loads beside the grid, and it also still works on the original photo record.
My conclusion is that there might be a bug that is preventing the handler from getting the real file url when the qp-image-view element is used.
Does anyone have ideas or comments on this?