Tag: modal dialog

有时GTKmodal dialog不是模态 – 错误或特征？: 当我在GTK中创build一个自定义对话框（包括GTK2或GTK3 ）并将其设置为模态时，我的应用程序的其他窗口的所有input都将被忽略。这几乎总是有效的，但是在某些条件下失败了。当我添加一个包含TreeView的ScrolledWindow到我的对话框时，它仍然按照假定的方式工作。但是，如果我用条目填充TreeView，直到ScrolledWindow开始显示滚动条 – 模式突然丢失，我可以点击我的其他窗口！这是我能够设置的最基本的例子。它写在瓦拉，但你会明白： class MyDialog: Gtk.Dialog { public MyDialog() { this.modal = true; var data = new Gtk.ListStore(1, typeof(string)); // increase this number — the dialog is not modal anymore! for (int i=0; i<2; ++i) { Gtk.TreeIter current; data.append(out current); data.set(current, 0, "Lorem Ipsum"); } var render […]

如何用转换创build一个React模态（附加到`<body>`）？: 在这个答案中有一个模式，通过将它附加到<body>来创build一个基于React的模态。但是，我发现它与React提供的过渡插件不兼容。如何创build一个与转换（在进入和离开）？

Twitter Bootstrap模式将html内容推送到左侧: 如果我打开一个模式对话框，通过Twitter Bootstrap，我注意到它将页面的所有html内容（即container ）左移一点，然后在closures之后将其恢复正常。但是，这只有在浏览器宽度足够大以至于不在“移动”（即最小）媒体查询时才会发生。这发生在FF和Chrome的最新版本（还没有testing过其他浏览器）。你可以在这里看到这个问题： http : //jsfiddle.net/jxX6A/2/ 注意：您必须增加“结果”窗口的宽度，以便切换到“med”或“large”媒体查询CSS。我已经根据Bootstrap站点上显示的示例设置了页面的HTML： <div class='container'> <div class='page-header'> <h4>My Heading</h4> </div> <div id='content'> This is some content. </div> <div class='footer'> <p>© 2013, me</p> </div> </div> 我猜这不应该发生，但我不知道我做错了什么。编辑：这是一个已知的错误，更多（和最新）的信息，请参阅： https ： //github.com/twbs/bootstrap/issues/9855

Android：如何获得modal dialog或类似的模态行为？: 这几天我正在模拟Android中的modal dialog。我search了很多，有很多的讨论，但可悲的是没有太多的选项来获得它的模式。这里有一些背景，对话框，modal dialog和Blockin Dialogs / AlertDialogs：如何在对话框启动时阻止执行（.NET风格）有没有直接的方式来获得模态行为，然后我想出了3个可能的解决scheme， 1.使用一个对话主题的活动，就像这个线程所说的那样，但是我仍然不能使主要活动真正地等待对话活动的返回。主要活动转到停止状态，然后重新启动。 2.构build一个工作线程，并使用线程同步。然而，这是我的应用程序的一个巨大的重构工作，现在我有一个主要的UI线程中的主要活动和服务。 3.当模式对话框出现时，接pipe循环内的事件处理，并在对话框closures时退出循环。实际上，这是build立一个真正的modal dialog的方式，就像在Windows中一样。我还没有这样的原型。我仍然想用对话主题的活动来模拟它， 1.通过startActivityForResult（）启动dialog-activity 2.从onActivityResult（）获取结果这里有一些来源 public class MainActivity extends Activity { @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); MyView v = new MyView(this); setContentView(v); } private final int RESULT_CODE_ALERT = 1; private boolean mAlertResult = false; public boolean […]

引导3 – 如何通过AJAX加载模态内容的内容？: 正如你在这里看到的，我有一个启动模式的button。为这个button设置一个href url，这个url会被Bootstrap 3自动加载到模态中。事实上，这个页面被加载到模态根目录（就像在引导3文档中为模态使用所说的那样）。我想把它加载到模态体中。有没有办法通过属性（而不是JavaScript）来做到这一点？或者什么是最自动的方式呢？ PS我记得在Bootstrap 2的内容被加载在身体，而不是根。

使用Bootstrap模式窗口作为部分视图: 我正在使用Twitter Bootstrap Modal窗口作为部分视图。但是，我并不认为它是以这种方式使用的; 它似乎是为了以相当静态的方式使用。尽pipe如此，我认为能够把它作为一个部分的观点来使用会很酷。举个例子，比方说，我有一个游戏列表。在点击给定游戏的链接后，我想要从服务器请求数据，然后在本页面的“顶部”模式窗口中显示关于该游戏的信息。我做了一些研究，发现这个post是相似的，但不完全相同。有没有人试过这个成功或失败？任何人都有jsFiddle或他们愿意分享的一些来源？谢谢你的帮助。

在AJAX风格的jQuery UI选项卡中加载的jQuery UI对话窗口: AJAX标签工作得很好。这部分很简单。但是，获取AJAX UI对话框模式窗口触发链接不成功。任何帮助，将不胜感激。

使用：在CSS伪元素之前添加图像到模态: 我有一个绝对定位的CSS类Modal ，在它的父级上面z-索引，并很好地与JQuery定位。我想添加一个脱口秀图片（^）到模式框的顶部，并且正在使用:before CSS伪select器:before干净地做这个。该图像需要绝对定位和模式上方的z-indexed，但我还没有find任何方法来添加适当的类到content属性中的图像： .Modal:before{ content:url('blackCarrot.png') /* with class ModalCarrot ??*/ } .ModalCarrot{ position:absolute; left:50%; margin-left:-8px; top:-16px; } 第二个最佳select – 我可以在内容属性中内联添加样式吗？

使用JavaScript在AngularJS Bootstrap UI中调用模态窗口: 使用这里提到的例子，我怎样才能调用模式窗口使用JavaScript而不是点击一个button？我是AngularJS的新手，并试图在这里和这里search文档，没有运气。谢谢

Angular UI模式的范围问题: 我无法理解/使用angular度UI模式的范围。虽然在这里不是很明显，但是我已经正确地设置了模块和一切（尽我所知），但是这些代码示例尤其是我发现错误的地方。 index.html（它的重要部分） <div class="btn-group"> <button class="btn dropdown-toggle btn-mini" data-toggle="dropdown"> Actions <span class="caret"></span> </button> <ul class="dropdown-menu pull-right text-left"> <li><a ng-click="addSimpleGroup()">Add Simple</a></li> <li><a ng-click="open()">Add Custom</a></li> <li class="divider"></li> <li><a ng-click="doBulkDelete()">Remove Selected</a></li> </ul> </div> Controller.js（同样是重要的部分） MyApp.controller('AppListCtrl', function($scope, $modal){ $scope.name = 'New Name'; $scope.groupType = 'New Type'; $scope.open = function(){ var modalInstance = $modal.open({ templateUrl: 'partials/create.html', controller: 'AppCreateCtrl' }); […]