Hi, put in Your modal-body, around the image, a zone and attach js function to the 'show.bs.modal' event of modal. In the function refesh the zone.
best regards Eugen 2014-09-23 19:31 GMT+02:00 akshay <akshayestat...@gmail.com>: > Hi Sir, > > Thanks for your response, > > I believe post over a forum , expects a more polite response than yours. > > Coming to the point suggested by you, I tried using the remote option > before posting into the forum and it didnt work the way, it is supposed to > be. > > So rather than putting a complex code snippet, I jotted down the naive > approach, so that someone can really help me in knowing the feasible > solution. > > Regarding the effort, I tried the possibilities and has asked the question, > hoping to get a better response. > > > Thanks and Best Regards > Akshay > > > > On Tue, Sep 23, 2014 at 6:48 PM, Chris Poulsen <mailingl...@nesluop.dk> > wrote: > > > I doubt there is any magic going on. If your html output is correct then > it > > should work like advertised. You seem to be talking about the modal > remote > > option, but that is not used in your pasted code (which is close to > > absolutely useless anyway, please put in an effort if you expect others > to > > try and help you). > > > > I suggest you read the docs for bootstrap modal, and then make sure that > > your html is correct. > > > > -- > > Chris > > > > On Tue, Sep 23, 2014 at 6:12 PM, akshay <akshayestat...@gmail.com> > wrote: > > > > > 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 > > > > > > > > > -- > Cheers!! > Akshay >