Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- /** Print css **/
- @media print {
- body.modalprinter * {
- visibility: hidden;
- }
- body.modalprinter .modal-dialog.focused {
- position: absolute;
- padding: 0;
- margin: 0;
- left: 0;
- top: 0;
- }
- body.modalprinter .modal-dialog.focused .modal-content {
- border-width: 0;
- }
- body.modalprinter .modal-dialog.focused .modal-content .modal-header .modal-title,
- body.modalprinter .modal-dialog.focused .modal-content .modal-body,
- body.modalprinter .modal-dialog.focused .modal-content .modal-body * {
- visibility: visible;
- width: 100%;
- }
- body.modalprinter .modal-dialog.focused .modal-content .modal-header,
- body.modalprinter .modal-dialog.focused .modal-content .modal-body {
- padding: 0;
- width: 100%;
- }
- body.modalprinter .modal-dialog.focused .modal-content .modal-header .modal-title {
- margin-bottom: 20px;
- }
- }
- /* Script JS */
- <script>
- $().ready(function () {
- $('.modal.printable').on('shown.bs.modal', function () {
- $('.modal-dialog', this).addClass('focused');
- $('body').addClass('modalprinter');
- }).on('hidden.bs.modal', function () {
- $('.modal-dialog', this).removeClass('focused');
- $('body').removeClass('modalprinter');
- });
- });
- </script>
- / * Modal Bootsrap */
- <div class="modal fade printable" id="doubtModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel">
- <div class="modal-dialog" role="document">
- <div class="modal-content">
- <div class="modal-header">
- <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
- <h4 class="modal-title" id="exampleModalLabel">Sobre o Sistema</h4>
- </div>
- <div class="modal-body">
- <div class="well well-lg">
- <%= Doubt.first.body_html.html_safe %>
- </div>
- </div>
- <div class="modal-footer">
- <button type="button" class="btn btn-default" data-dismiss="modal"><%= t('buttons.close') %></button>
- <button type="button" class="btn btn-primary" onclick="window.print();">Imprimir</button>
- </div>
- </div>
- </div>
- </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement