Setting content of my `UI` subclass in Vaadin Flow web app
In Vaadin Flow, writing a subclass of UI class is no longer necessary. Yet the page of the manual on Differences Between V10 and V8 Applications suggests we are free to do so.
The problem: The UI class in Flow has no UI::setContent method.
This usual line of code in our UI::init method fails in Flow:
this.setContent( layout ); // <--- No method `setContent` found in Flow
➥ How do we set the content to be displayed within our UI subclass at runtime?
Here is my code, with the line of setContent that fails.
package com.acme;
import com.vaadin.flow.component.UI;
import com.vaadin.flow.component.orderedlayout.VerticalLayout;
import com.vaadin.flow.server.VaadinRequest;
import com.vaadin.flow.server.VaadinServlet;
import com.vaadin.flow.server.VaadinServletConfiguration;
import javax.servlet.annotation.WebServlet;
public class MyUI extends UI {
protected void init ( VaadinRequest request ) {
VerticalLayout layout = new VerticalLayout();
this.setContent( layout );
}
@WebServlet (
urlPatterns = "/*",
name = "myservlet",
asyncSupported = true
)
// The UI configuration is optional
@VaadinServletConfiguration (
ui = MyUI.class,
productionMode = false
)
public class MyServlet extends VaadinServlet {
}
}
java user-interface vaadin vaadin-flow
asked Nov 12 '18 at 23:05
Basil BourqueBasil Bourque
107k25367531
add a comment |
In Vaadin Flow, writing a subclass of UI class is no longer necessary. Yet the page of the manual on Differences Between V10 and V8 Applications suggests we are free to do so.
The problem: The UI class in Flow has no UI::setContent method.
This usual line of code in our UI::init method fails in Flow:
this.setContent( layout ); // <--- No method `setContent` found in Flow
➥ How do we set the content to be displayed within our UI subclass at runtime?
Here is my code, with the line of setContent that fails.
package com.acme;
import com.vaadin.flow.component.UI;
import com.vaadin.flow.component.orderedlayout.VerticalLayout;
import com.vaadin.flow.server.VaadinRequest;
import com.vaadin.flow.server.VaadinServlet;
import com.vaadin.flow.server.VaadinServletConfiguration;
import javax.servlet.annotation.WebServlet;
public class MyUI extends UI {
protected void init ( VaadinRequest request ) {
VerticalLayout layout = new VerticalLayout();
this.setContent( layout );
}
@WebServlet (
urlPatterns = "/*",
name = "myservlet",
asyncSupported = true
)
// The UI configuration is optional
@VaadinServletConfiguration (
ui = MyUI.class,
productionMode = false
)
public class MyServlet extends VaadinServlet {
}
}
java user-interface vaadin vaadin-flow
asked Nov 12 '18 at 23:05
Basil BourqueBasil Bourque
107k25367531
On a related note: Handling login with a Vaadin Flow webapp, across all layouts globally and across “route” URLs
– Basil Bourque
Nov 12 '18 at 23:59
add a comment |
In Vaadin Flow, writing a subclass of UI class is no longer necessary. Yet the page of the manual on Differences Between V10 and V8 Applications suggests we are free to do so.
The problem: The UI class in Flow has no UI::setContent method.
This usual line of code in our UI::init method fails in Flow:
this.setContent( layout ); // <--- No method `setContent` found in Flow
➥ How do we set the content to be displayed within our UI subclass at runtime?
Here is my code, with the line of setContent that fails.
package com.acme;
import com.vaadin.flow.component.UI;
import com.vaadin.flow.component.orderedlayout.VerticalLayout;
import com.vaadin.flow.server.VaadinRequest;
import com.vaadin.flow.server.VaadinServlet;
import com.vaadin.flow.server.VaadinServletConfiguration;
import javax.servlet.annotation.WebServlet;
public class MyUI extends UI {
protected void init ( VaadinRequest request ) {
VerticalLayout layout = new VerticalLayout();
this.setContent( layout );
}
@WebServlet (
urlPatterns = "/*",
name = "myservlet",
asyncSupported = true
)
// The UI configuration is optional
@VaadinServletConfiguration (
ui = MyUI.class,
productionMode = false
)
public class MyServlet extends VaadinServlet {
}
}
java user-interface vaadin vaadin-flow
asked Nov 12 '18 at 23:05
Basil BourqueBasil Bourque
107k25367531
In Vaadin Flow, writing a subclass of UI class is no longer necessary. Yet the page of the manual on Differences Between V10 and V8 Applications suggests we are free to do so.
The problem: The UI class in Flow has no UI::setContent method.
This usual line of code in our UI::init method fails in Flow:
this.setContent( layout ); // <--- No method `setContent` found in Flow
➥ How do we set the content to be displayed within our UI subclass at runtime?
Here is my code, with the line of setContent that fails.
package com.acme;
import com.vaadin.flow.component.UI;
import com.vaadin.flow.component.orderedlayout.VerticalLayout;
import com.vaadin.flow.server.VaadinRequest;
import com.vaadin.flow.server.VaadinServlet;
import com.vaadin.flow.server.VaadinServletConfiguration;
import javax.servlet.annotation.WebServlet;
public class MyUI extends UI {
protected void init ( VaadinRequest request ) {
VerticalLayout layout = new VerticalLayout();
this.setContent( layout );
}
@WebServlet (
urlPatterns = "/*",
name = "myservlet",
asyncSupported = true
)
// The UI configuration is optional
@VaadinServletConfiguration (
ui = MyUI.class,
productionMode = false
)
public class MyServlet extends VaadinServlet {
}
}
java user-interface vaadin vaadin-flow
java user-interface vaadin vaadin-flow
asked Nov 12 '18 at 23:05
Basil BourqueBasil Bourque
107k25367531
asked Nov 12 '18 at 23:05
Basil BourqueBasil Bourque
107k25367531
asked Nov 12 '18 at 23:05
Basil BourqueBasil Bourque
107k25367531
asked Nov 12 '18 at 23:05
Basil BourqueBasil Bourque
107k25367531
asked Nov 12 '18 at 23:05
Basil BourqueBasil Bourque
107k25367531
107k25367531
On a related note: Handling login with a Vaadin Flow webapp, across all layouts globally and across “route” URLs
– Basil Bourque
Nov 12 '18 at 23:59
add a comment |
On a related note: Handling login with a Vaadin Flow webapp, across all layouts globally and across “route” URLs
– Basil Bourque
Nov 12 '18 at 23:59
On a related note: Handling login with a Vaadin Flow webapp, across all layouts globally and across “route” URLs
– Basil Bourque
Nov 12 '18 at 23:59
On a related note: Handling login with a Vaadin Flow webapp, across all layouts globally and across “route” URLs
– Basil Bourque
Nov 12 '18 at 23:59
add a comment |
1 Answer
1
active
oldest
votes
The UI is a component itself and implements HasComponents. Hence, you can simply call add(Component...) method to fill it with components.
answered Nov 13 '18 at 15:49
Steffen HarbichSteffen Harbich
1,8131635
add a comment |
Your Answer
StackExchange.ifUsing("editor", function () {
StackExchange.using("externalEditor", function () {
StackExchange.using("snippets", function () {
StackExchange.snippets.init();
});
});
}, "code-snippets");
StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "1"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});
function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});
}
});
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53271385%2fsetting-content-of-my-ui-subclass-in-vaadin-flow-web-app%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
1 Answer
1
active
oldest
votes
1 Answer
1
active
oldest
votes
active
oldest
votes
active
oldest
votes
The UI is a component itself and implements HasComponents. Hence, you can simply call add(Component...) method to fill it with components.
answered Nov 13 '18 at 15:49
Steffen HarbichSteffen Harbich
1,8131635
add a comment |
The UI is a component itself and implements HasComponents. Hence, you can simply call add(Component...) method to fill it with components.
answered Nov 13 '18 at 15:49
Steffen HarbichSteffen Harbich
1,8131635
add a comment |
The UI is a component itself and implements HasComponents. Hence, you can simply call add(Component...) method to fill it with components.
answered Nov 13 '18 at 15:49
Steffen HarbichSteffen Harbich
1,8131635
The UI is a component itself and implements HasComponents. Hence, you can simply call add(Component...) method to fill it with components.
answered Nov 13 '18 at 15:49
Steffen HarbichSteffen Harbich
1,8131635
answered Nov 13 '18 at 15:49
Steffen HarbichSteffen Harbich
1,8131635
answered Nov 13 '18 at 15:49
Steffen HarbichSteffen Harbich
1,8131635
answered Nov 13 '18 at 15:49
Steffen HarbichSteffen Harbich
1,8131635
1,8131635
add a comment |
add a comment |
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53271385%2fsetting-content-of-my-ui-subclass-in-vaadin-flow-web-app%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
On a related note: Handling login with a Vaadin Flow webapp, across all layouts globally and across “route” URLs
– Basil Bourque
Nov 12 '18 at 23:59