Bootstrap modal dialog not displaying inside jsRender script template -
i'm trying use bootstrap jsrender. part data being displayed correctly. i'm having trouble displaying data inside bootstrap modal dialog.
i have following code.
<script id="progdetailstemplate" type="text/x-jsrender"> <!-- notes modal --> <div id="notesmodal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="mymodallabel" aria-hidden="true"> <div class="modal-header tw-modal-header"> <button type="button" class="close tw-close" data-dismiss="modal" aria-hidden="true">×</button> <h3 id="mymodallabel">notes...</h3> </div> <div class="modal-body tw-modal-body"> {{for notes}} <p> <strong>{{>createddate}} ({{>firstname}} {{>lastname}})</strong><br /> {{>value}} </p> {{/for}} </div> <div class="modal-footer"> <button class="btn" data-dismiss="modal" aria-hidden="true">close</button> </div> </div><!-- end notes modal --> </script> <div> <table id="programmedetails" class="table table-bordered table-condensed"> </table> </div>
the modal dialog should work without js have tested , does, when modal div outside script tag.
any ideas on how can make dialog appear inside jsrender script tag?
it's ok decided way around ditch bootstrap. using jqueryui dialog need. it's shame bootstrap modal dialog won't work.
Comments
Post a Comment