Comments (3)
Sorry but I'm not sure If I understand your question correctly, would you mind using sth. like paint to explain it to me? It does not need to look good. I just need to know what (and where) do you want the current behavoir to be different?
from vaadin-app-layout.
With this method you can manipulate the Navigator View Holder (Where the Navigator puts the views)
withNavigatorProducer(componentHolder -> {
VerticalLayout leftContent = new VerticalLayout(new Button("My Button"));
VerticalLayout rightNavigatorContent = new VerticalLayout();
HorizontalLayout holder = new HorizontalLayout();
holder.setSizeFull();
componentHolder.addComponent(holder);
return new Navigator(this,rightNavigatorContent);
})
from vaadin-app-layout.
And you can try to wrap the layout inside of other Component
HorizontalLayout layout = new HorizontalLayout(new Button(), drawer);
layout.setSizeFull();
setContent(layout);
But this requires some additional css manipulation since the Menu is position:fixed
to the left.
SCSS
.left-navigation-drawer-responsive {
overflow: hidden;
app-drawer{
position:absolute;
}
.drawer-content {
box-shadow: none;
margin-top: 0px;
}
}
If this is neither what you intend to do give me some input please.
from vaadin-app-layout.
Related Issues (20)
- [4.0.0] Is there any way to have the drawer toggle button visable at any of width HOT 4
- Display Issue with AppLayoutRouterLayout and LeftLayouts.LeftOverlay Vaadin 14 HOT 7
- Support for FontAwesome Iron Iconset HOT 3
- Why are the drawer at the right side, when I want it to be on the left side? HOT 2
- A few questions HOT 5
- Separate drawer header, default, and footer elements
- On vaadin 14.6 the style are not properly loaded HOT 1
- Avoid showing notifications at startup in vaadin-app-layout
- How to create a sticky header HOT 1
- Dark Mode and Live Reload don't works on Vaadin 21.0.4
- Vaadin 22.x support HOT 7
- Iron-Icons not visible 21.0.0-beta1 on Vaadin 21.0.8 (production mode)
- Why does the drawer not shows up? HOT 2
- Couldn't find the definition of the element with tag 'app-layout-left-responsive' in any template file declared using '@JsModule'
- Setting a new icon to LeftIconItem, the previous one is not removed correctly
- Vaadin 23: ERROR: Could not resolve "@vaadin/vaadin-element-mixin" HOT 3
- Change AppToolBar Background Color HOT 5
- Reduce jar size
- Change App Layout Style
- Add support for vaadin 24 or later with jakarta namespace supported
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from vaadin-app-layout.