Берешь фиксед блок на всю страницу размером делаешь его полупрозрачным черным
Потом абсолют блок на всю страницу размером, не забываешь сделать overflow-y scroll
В него вкладываешь блок с display table на всю страницу размером
В него display table-cell с vertical-align middle на весь родитель размером
В него вкладываешь inline-block белый шириной например 400 пикселов или там уже от размера экрана смотри - вот тебе белый фон
Дальше добавляешь всей этой конструкции class "active" только при определенном условии - класс актив - показывает модалку
Пишешь два скрипта - закрыть и показать, функции из них запихиваешь куда-нибудь в App.modals.fn.showModal() / hideModal()
А дальше как обычную форму - пишешь ее отдельно и вставляешь в этот блок. Скриптами или условием показываешь-скрываешь. Действия обрабатывает обработчик формы а не модалки. По окончании обработчика формы коллбэком можешь закрывать модалку или показывать другую.
Какое готовое решение использовать? Ну которое делает это же, только само. Как узнать? Расколупать и посмотреть, попробовать то то и вон то. Остановится на том, что позволяет меньше работать.
В обществе типа Венеры ты бы просто попросил любого кодера и он бы тебя научил. В капитализме есть великий шанс услышать ответ типа "слыш, я мучался, а ты нахаляву хочешь?" и в обоих случаях люди правы. Вопрос - к чему стремятся. В капитализме - к деньгам, поэтому чем больше другие страдают, тем проще заработать. В коммунизме - к счастью - поэтому все с удовольствием помогают, но миллионеров и бизнесменов нет, вот незадача, все сидят и ждут команду.
Ну только так получится. Быстрее не выйдет, ты можешь убедить директора, что быстрее не выйдет. Убедить компьютер написать код за тебя не получится. Убеждаются, к сожалению, только люди.
