Apologies for my lack of functional knowledge when it comes to frontend and using the inspector. I have a UI issue when I refresh the page, the images seem to load twice, causing a flutter effect. It’s not a major issue, but it doesn’t look great. Would greatly appreciate anyone’s advice on this matter!
anything bound to display or conditional rendering? if not maybe it’s something related to the way the image url is retrieved, like connection fetching or variable setting
Yes! Display is bounded to check if the variable for the image (lesson_kit_assembly.image_1) is empty because there is option to show 5 images but I don’t want there to be the Image viewer showing to user if there is nothing in it.
The logic is below which is checking if lesson_kit_assembly.image_1 variable has a prefix of [https://xbkp-ju7b-7ewe.n7c.xano.io] but nothing following it → “false” and therefore not showing the empty Image Viewer. This is repeated for lesson_kit_assembly.image_1, image_2, image_3, image_4, image_5.
Sorry I didn’t make this clearer! “[https://xbkp-ju7b-7ewe.n7c.xano.io](https://xbkp-ju7b-7ewe.n7c.xano.io/]” prefix is in every lesson_kit_assembly.image_X variable as their is backend SQL that is concateniaing that with the image URL (if it exists). Hope this makes more sense, my apologies again!