03-20-2018, 04:30 PM
(03-20-2018, 03:27 PM)davenovo Wrote: Ahh, that looks interesting. What is a template? Is that an IW thing?
Do you mean templates like described here?
http://docs.atozed.com/docs.dll/developm...lates.html
If so, those are just for layout out and styling the form. That would not help the issue that I have all the buttons/events/code for the modal form embedded in the main form.
Yes, you can use this example to do tests. My modals are in unique DFM, the trick is show parts of html div via JavaScript. But ALL buttons/events/code are in the same form of modals.
Code:
<!DOCTYPE html>
<html lang="pt-BR">
<head>
</head>
<body>
<!-- my NORMAL form -->
<div class="wrapper">
<header class="main-header">
<!-- ETC, ETC, ETC -->
</header>
</div>
<!-- /.wrapper -->
<!-- First Modal, First IMAGE -->
<div class="modal fade" id="EditModal" role="dialog" data-backdrop="false" data-keyboard="false">
<div class="modal-dialog modal-lg" role="document">
<!-- ETC, ETC, ETC -->
<div class="modal-footer">
<div class="row">
<div class="col-md-5 col-xs-5 col-md-offset-7 col-xs-offset-7">
<div class="btn-group btn-group-justified" role="group" aria-label="...">
<div class="btn-group" role="group" data-dismiss="modal">
<button type="button" class="btn btn-default" id="IWBUTTON_CANCELAR"><i class="fa fa-ban fa-fw fa-lg" aria-hidden="true"></i> Cancelar</button>
</div>
<div class="btn-group" role="group">
<button type="button" class="btn btn-primary" id="IWBUTTON_GRAVAR"><i class="fa fa-check fa-fw" aria-hidden="true"></i> Salvar </button>
</div>
</div>
</div>
</div>
</div> <!--modal-footer-->
</div><!-- /.modal-dialog -->
</div><!-- /.modal -->
<!-- Second Modal, Second IMAGE -->
<div class="modal fade" id="EditContato" role="dialog" data-backdrop="false" data-keyboard="false">
<div class="modal-dialog modal-md" role="document">
<!-- ETC, ETC, ETC -->
<div class="modal-footer">
<div class="row">
<div class="col-md-5 col-xs-5 col-md-offset-7 col-xs-offset-7">
<div class="btn-group btn-group-justified" role="group" aria-label="...">
<div class="btn-group" role="group" data-dismiss="modal">
<button type="button" class="btn btn-default" id="IWBUTTON_CONCANCELAR"><i class="fa fa-ban fa-fw fa-lg" aria-hidden="true"></i> Cancelar</button>
</div>
<div class="btn-group" role="group">
<button type="button" class="btn btn-primary" id="IWBUTTON_CONGRAVAR"><i class="fa fa-check fa-fw" aria-hidden="true"></i> Salvar </button>
</div>
</div>
</div>
</div>
</div> <!--modal-footer-->
</div><!-- /.modal-dialog -->
</div><!-- /.modal -->
</body>
</html>And you can SHOW/HIDE these modals:
Quote:WebApplication.CallBackResponse.AddJavaScriptToExecute('$("#EditModal").modal("show");') ;
Quote:WebApplication.CallBackResponse.AddJavaScriptToExecute( '$("#EditContato").modal("hide");' );