Questions tagged [vaadin-themes]

8 questions
4
votes
1 answer

Vaadin 14 Time Picker - align centered

with Vaadin 14(.1.19) comes this Time Picker component: https://vaadin.com/components/vaadin-time-picker/java-examples This is how it looks like (when it's read-only): How can I get this Time Picker to show the time centered like this (this is a…
S. Doe
  • 685
  • 1
  • 6
  • 25
3
votes
1 answer

Vaadin 14 themes - use "include"

recently I've switched our CSS styles for our application and components to theme (added in vaadin 14.6). Right now I'm looking for an alternative to include parameter of @CssImport annotation. @CssImport(value = "./styles/custom-charts.css",…
Lipisak
  • 33
  • 3
2
votes
2 answers

Best practice for switchable Vaadin 12 themes

I am currently in the process of migrating a Vaadin 8 application over to Vaadin 12. The look and feel should be used by the user and changed on Login or via a button press. In Our Vaadin 8 application we had 2 themes (a dark and a light one), each…
Loahrs
  • 109
  • 7
2
votes
2 answers

How do I include the css required to use Vaadin spreadsheet in my theme?

I'm having a hard time getting the css (scss to be more specific) for Vaadin spreadsheet to be included in my project's theme. Do I add it like this to styles.scss? @import "../valo/valo.scss"; .wastecentertheme { @include valo; } @mixin addons…
benstpierre
  • 32,833
  • 51
  • 177
  • 288
1
vote
2 answers

Why my own theme does not work with vaadin 14

I'm using my own theme in my project. If I download a fresh project, and create my own theme in "frontend" directory, it works perfect. When I changed to my app, it shows me every time I open it... TypeError: can't access property "appendChild",…
chetex
  • 115
  • 1
  • 8
1
vote
0 answers

not able to set font-size and background-image in Vaadin custom theme

I am defining my own custom theme on top of Vaadin's valo theme. Here's the content of the file mycustomtheme.scss: //this line works, it sets the background-color of the app to light-blue: $v-background-color: hsl(192°, 61%, 51%); //the…
steady_progress
  • 3,311
  • 10
  • 31
  • 62
0
votes
0 answers

Custom vaadin 14 theme. Not working with jar

I wrote my own custom theme in vaadin following packaging theme guide. It has following structure... Style.css has following structure... and theme.json... When I launch my own app from local with eclipse spring, application has following…
chetex
  • 115
  • 1
  • 8
0
votes
1 answer

How do we add a border to all VerticalLayout and HorizontalLayout in Vaadin Flow (Vaadin 14)?

I'm basically trying to add a red border to all the layouts to try to figure out which layout is not setup as I expect. I see that it's possible as shown as the start of this video: https://www.youtube.com/watch?v=Efv_cPHEqdQ but when I try it…
Stephane Grenier
  • 15,527
  • 38
  • 117
  • 192