Vaadin has a high quality component set for building mobile and desktop web applications in modern browsers
Hi, @Danuta97. There's no support for it currently. There are two open tickets regarding what you are asking: vaadin/vaadin-text-field#407 and vaadin/vaadin-text-field#408
Note that there is also the following add-on https://vaadin.com/directory/component/textfield-formatter
For Spreadsheet and other V8- pro components, you should go to https://vaadin.com/pro/licenses and download the desired license to you home folder.
Hi guys! Is there actually a npm / js version of the material design theme? https://cdn.vaadin.com/vaadin-material-styles/1.2.3/demo/#1-install Or is using bower and the html files the only way to include and use the material design theme for the vaadin web components? :)
Hi @lauritowal Looks like that documentation is quite lacking and has outdated information. The correct way to import for example the MD
<vaadin-text-field> would be import '@vaadin/vaadin-text-field/theme/material/vaadin-text-field.js';. Note that you shouldn't mix Lumo and Material themed Vaadin components on the same page.
(By the way you guys are great. Always really helpful. Keep up the great work :D)
@andersforsell yes. Take a look here https://cdn.vaadin.com/vaadin-material-styles/1.2.3/demo/colors.html#dark-palette
There's a typo on the docs. The style to include is
material-color-light instead of material-light-color.
If my dataset is larger, the chart says no data ... see https://demo.vaadin.com/charts/#Basic3DScatter, do:
private void fillSeries(DataSeries higherX, DataSeries higherY,
DataSeries higherZ) {
Random random = new Random(7);
for (int i = 0; i < 5000; i++) {
double lng = random.nextDouble() 2 Math.PI;
double lat = random.nextDouble() Math.PI - Math.PI / 2;
double x = Math.cos(lat) Math.sin(lng);
double y = Math.sin(lat);
double z = Math.cos(lng) * Math.cos(lat);
DataSeries higherZ) {
Random random = new Random(7);
for (int i = 0; i < 5000; i++) {
double lng = random.nextDouble() 2 Math.PI;
double lat = random.nextDouble() Math.PI - Math.PI / 2;
double x = Math.cos(lat) Math.sin(lng);
double y = Math.sin(lat);
double z = Math.cos(lng) * Math.cos(lat);
DataSeriesItem3d point = new DataSeriesItem3d(x, y, z);
if (x > y && x > z) {
higherX.add(point);
} else if (y > x && y > z) {
higherY.add(point);
} else {
higherZ.add(point);
}
}
}
5000 points boom, does not work ... any ideas? Tank you!
Hi @MatthiasJakob , I'm not sure what version of Charts you're using, but you should be able to fix that by setting turboThreshold to 0. You can do it for all the series by changing it in PlotOptionsSeries
https://vaadin.com/api/platform/14.0.10/com/vaadin/flow/component/charts/model/PlotOptionsSeries.html#setTurboThreshold-java.lang.Number-
https://vaadin.com/api/platform/14.0.10/com/vaadin/flow/component/charts/model/PlotOptionsSeries.html#setTurboThreshold-java.lang.Number-
AFAIK the content of the theme module is teleported to the web component style tag, thus losing the
id.
Nevermind, I found it.
Are you using the new
registerStyles() API? You should: https://github.com/vaadin/vaadin-themable-mixin#styling-in-javascript
I’m not using
registerStyles(), I wasn’t aware of that! Let’s look at it right now :smile:
Can anyone explain me what's wrong with the v14?
java.io.UncheckedIOException: java.nio.file.DirectoryNotEmptyException: C:\Users\SIS017\eclipse-workspace\SQLapp\sqlapp\node_modules\@polymer
Every single time I modify a starter project and run spring-boot:run I get this error
even if I put a space in a view or sth
@tonydarkOFF_twitter on Windows processes locks files that they uses so that they may not be removed until they are unlocked.
So this exception means you have another process which os locking the file. I may assume that there is another webpack dev server process which for some reason is not stopped. Check that there is no process accessing those files on your machine.
Then running the app should work fine.
If you are not able to find a process which locks the files you may just reboot your system.
So this exception means you have another process which os locking the file. I may assume that there is another webpack dev server process which for some reason is not stopped. Check that there is no process accessing those files on your machine.
Then running the app should work fine.
If you are not able to find a process which locks the files you may just reboot your system.
with https://github.com/vaadin/vaadin-router if I want to force a link href url to be fetched from server rather than being handled by router, how can this be achieved?
I’m trying
vcf-avatar-item in this Glitch: https://glitch.com/edit/#!/low-buckthorn but I can’t get the name initials to show up. What am I doing wrong?
@sahilshah50 I haven't use vaadin-router but I took a quick look at the documentation for it. To me it seems like there is no simple built-in way to do it, but I think you can do it in two ways. Either define it as a route and give that route an
action method that does a navigation by setting window.location to the target URL. Or alternatively use the Router.setTriggers API and use a customized version of the click trigger (where I think you could do the navigation via window.location based on some attribute being present on the clicked <a> element, or based on href path or some other condition) instead of the default one.
You can check the code of the default link click trigger from here https://github.com/vaadin/vaadin-router/blob/master/src/triggers/click.js actually you'd probably only need to add one more of those simple "ignore" conditions.
Or it would probably work if your page has any other things that happen to import dom-if. :P
I saw you edit the glitch just now. Looks like you encountered another bug related to non-latin alphabet it seems. :D