Hi, I am trying to use bootstrap component modal.js. I intend to change to content of the modal( i.e image in my case) for every execution of this conditional block given below. But I see that , the content of the modal ("${imageUrl}") in the image tag, is only loaded once and I get to see the same image for each and every input field, where this block is executed.
Code snippet :- <t:if test="imageUrl"> <a href="#" class="btn btn-lg" data-toggle="modal" data-target="#basicModal">Show Example</a> <div class="modal fade" id="basicModal" tabindex="-1" role="dialog" aria-labelledby="basicModal" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-body"> <img src="${imageUrl}" style="float: none;" height="500px" width="500px"></img> </div> </div> </div> </div> </t:if> I read over the internet that modal loads the content only once, and for this didnt find any solution that would fit my need. Any kind of help would be highly appreciated. -- Cheers!! Akshay