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

Reply via email to