0
Hello, I have an iframe, and inside it has a modal using semantic, I want to know how I do and if it is possible to open this modal on the whole screen, and not within the iframe itself, I have researched and found nothing, I only know that with link is used target="_parent" I’m calling the modal so :
$('.button').on('click', function(){
$('#modal5.modal').modal('show');
});<button data-modal="modal5" id="call-modal-5" class="ui secondary button">teste</button>
<div class="ui basic modal" id="modal5">
<div class="ui icon header">
<i class="archive icon"></i>
Ola
</div>
<div class="content">
<p>mensagem para teste</p>
</div>
</div>
Stylize the mdal with top:0px and left:0px absolute position, and set height and width as 100% should solve
– AnthraxisBR
tried, did not solve, the position as absolute only serves for the own page of the iframe, I believe.
– walter alves
Ever tried to put as Fixed ?
– AnthraxisBR
If it is inside an iframe within a page its size will be limited to the size and position of the iframe.. There is no way to remove iframe and handle this modal individually?
– Marlysson
Fixed also not right, it’s like Marlysson said, ta being limited to iframe, and there’s no way to remove iframe because it was giving too many conflicts with the Bootstrap files.
– walter alves