扩展模态窗口

时间:2015-07-07 11:34:07

标签: javascript html angularjs twitter-bootstrap angular-ui-bootstrap

我有一个角度/引导应用程序,应用程序的模态窗口包含小文本区域,其中可能包含大量不符合textarea(和模态)大小的文本。

我想在小模态窗口中添加一些按钮,这将打开新的更大的弹出窗口/模态,其中包含文本区域的格式化内容,如屏幕的90%。

我不是在这里要求代码,而是更像是如何处理问题的方式。我已经尝试了几种方法,但我总是陷入困境。

非常感谢!

1 个答案:

答案 0 :(得分:2)

我只需使用JavaScript来处理点击按钮以扩展模态大小,方法是在模态中添加一个类。

e.g。 jQuery示例:

$('.expand-modal').click(function() {
    $('.modal').addClass('expanded');
});

然后只为.modal.expanded写一些CSS,确保它占屏幕尺寸的90%或任何你想要的。

您可能想要另一个按钮来再次最小化模态,在这种情况下,您只需执行$('.modal').removeClass('expanded');

之类的操作