aboutsummaryrefslogtreecommitdiffstats
path: root/documentation/layout/layout-sub-window.asciidoc
diff options
context:
space:
mode:
authorMarko Gronroos <magi@vaadin.com>2016-07-25 00:00:36 +0300
committerArtur Signell <artur@vaadin.com>2016-08-05 10:19:47 +0300
commit4a4d05b0354829df86c4f106868d421dca349b34 (patch)
treedb70be8fce2298dbf427775f07b1146e82c66e33 /documentation/layout/layout-sub-window.asciidoc
parent3ea6a0087b140a13ed0685afa2ffe08a45b82719 (diff)
downloadvaadin-framework-4a4d05b0354829df86c4f106868d421dca349b34.tar.gz
vaadin-framework-4a4d05b0354829df86c4f106868d421dca349b34.zip
Rescaled images in layout chapter. Various small formatting fixes. Updated history and other matters in introduction.
Change-Id: I0d5e76f7fb07f967dd04941a23e79dfb30049731
Diffstat (limited to 'documentation/layout/layout-sub-window.asciidoc')
-rw-r--r--documentation/layout/layout-sub-window.asciidoc22
1 files changed, 8 insertions, 14 deletions
diff --git a/documentation/layout/layout-sub-window.asciidoc b/documentation/layout/layout-sub-window.asciidoc
index f8d8fbef17..ed75b800aa 100644
--- a/documentation/layout/layout-sub-window.asciidoc
+++ b/documentation/layout/layout-sub-window.asciidoc
@@ -19,7 +19,7 @@ and restoring sub-windows, as well as scrolling the window content.
[[figure.layout.sub-window.basic]]
.A Sub-Window
-image::img/subwindow-basic.png[]
+image::img/subwindow-basic.png[width=50%, scaledwidth=70%]
Sub-windows are typically used for __Dialog Windows__ and __Multiple Document
Interface__ applications. Sub-windows are by default not modal; you can set them
@@ -42,20 +42,20 @@ public static class SubWindowUI extends UI {
protected void init(VaadinRequest request) {
// Some other UI content
setContent(new Label("Here's my UI"));
-
+
// Create a sub-window and set the content
Window subWindow = new Window("Sub-window");
VerticalLayout subContent = new VerticalLayout();
subContent.setMargin(true);
subWindow.setContent(subContent);
-
+
// Put some components in it
subContent.addComponent(new Label("Meatball sub"));
subContent.addComponent(new Button("Awlright"));
-
+
// Center it in the browser window
subWindow.center();
-
+
// Open it in the UI
addWindow(subWindow);
}
@@ -99,7 +99,7 @@ class MySub extends Window {
content.addComponent(new Label("Just say it's OK!"));
content.setMargin(true);
setContent(content);
-
+
// Disable the close button
setClosable(false);
@@ -125,7 +125,7 @@ final Button open = new Button("Open Sub-Window");
open.addClickListener(new ClickListener() {
public void buttonClick(ClickEvent event) {
MySub sub = new MySub();
-
+
// Add it to the root component
UI.getCurrent().addWindow(sub);
}
@@ -197,7 +197,7 @@ You can make a sub-window modal with [methodname]#setModal(true)#.
[[figure.layout.sub-window.modal]]
.Modal Sub-Window
-image::img/subwindow-modal.png[]
+image::img/subwindow-modal.png[width=70%, scaledwidth=100%]
Depending on the theme, the parent window may be grayed when the modal window is
open.
@@ -211,9 +211,3 @@ circumvented with client-side attack code. You should not trust in the modality
of child windows in security-critical situations such as login windows.
====
-
-
-
-
-
-