I got a solution otherwise, but very simple without changing the existing code. CSS creates a class:
<style>
/* Amplia o modal para preencher toda tela*/
.bodyFullscreen {
width: 100% !important;
height: 100% !important;
margin: 0px 0px 0px 0px !important;
}
</style>
Remembering that it should come after inserting bootstrap and summernote code, to avoid conflicts.
The code below is the event (action) click on the fullscreen button in the modal. It is well documented to avoid doubts:
// Evento de click no botao fullscreen
$('body').on('click', '#modalNome [data-event=fullscreen]', function(event){
// Modal que esta sendo exibido
var modal = $('#modalNome .modal-dialog');
// Verifica se modal possui a classe bodyFullscreen, se possuir a remove, caso contrario insere
if(!modal.hasClass('bodyFullscreen')){
modal.addClass('bodyFullscreen');
}else{
modal.removeClass('bodyFullscreen');
}
});
It worked. I just had to use a ! Mportant in that statement. Thank you so much for your help.
– Alexandre