Web - Как сделать окошко в окошке?
Может и по другому это делается в вебе
Что нужно?
Есть таблица с данными, по клику на кнопочке, которая на строке таблицы нужно показать еще дофига данных связанных с этой строкой.
Пока остановился на модальном диалоге с bootstrap. Вроде все работает, но проблема в том что не могу задать ширину диалога больше чем 750 пикселей. Меньше без проблем, а больше ну никак.
Вот что есть после экспериментов
div class="modal fade show" id="myModal" style="display: flex; background-color: rgba(10,10,10,.8);" aria-modal="true" role="dialog"> <div class="modal-dialog" style="height: 100%; width: 100%; "> <div class="modal-content"> <div class="modal-header"> <h4 class="modal-title">@Title</h4> <button type="button" class="close" @onclick="@ModalCancel">×</button> </div> <div class="modal-body" > ... </div> <div class="modal-footer"> <button type="button" class="btn btn-primary" @onclick=@ModalOk>Close</button> </div> </div> </div> </div>
И дальше, что это мне дает? Играться я и у себя могу.
А вот найти прямой линк на нужный css никак не получается
И дальше, что это мне дает? Играться я и у себя могу.
Ну, и играйся у себя. Если же ты ожидаешь вразумительных ответов/советов, потрудись сделать так, чтобы и другие могли "играться".
А вот найти прямой линк на нужный css никак не получается
https://getbootstrap.com/docs/5.0/getting-started/download...
потрудись сделать так, чтобы и другие могли "играться".
Аааа..., понял. Думал что нужно только бутстрап знать
https://jsfiddle.net/ecp4s9uh/
В яве скрипте похоже дело, размер дисплея как-то неправильно выбирает возможно.
устанавливается больше чем 750?
width: 100%;
Можно и так сделать
<div class="modal-dialog" style="width: 1200px; ">
Высота в % один фиг не работает.
Но вначале интересно, как в вебе показать что то не перегружая текущую страницу? Может сам принцип у меня неправильный?
width: 100%;
Можно и так сделать
Высота в % один фиг не работает.
Width - это ширина.
https://getbootstrap.com/docs/5.0/components/modal/
https://jsfiddle.net/tg9dxjpf/
Но вначале интересно, как в вебе показать что то не перегружая текущую страницу?
Спасибо, только есть нюансы.
Бутстрап у меня загружается всегда и если его отключить подозреваю, что остальное не будет работать
https://jsfiddle.net/pogtkb96/
Width - это ширина.
Естественно, это были два, можно сказать, несвязанных предложения, сорри.
AJAX
У меня Blazor. Надо еще проверить, но что то мне кажется что AJAX там нет
Попробую еще предложенный вариант стырить.
Бутстрап у меня загружается всегда и если его отключить подозреваю, что остальное не будет работать
Что ты этим хотел сказать?
https://jsfiddle.net/pogtkb96/
Это что? У нас в CSS появился новый синтаксис?
Так там только CSS
Тогда работает, похоже тута
https://jsfiddle.net/4ha93c8u/
Надо еще в коде проверить
Спасибо заработало