Questions tagged [vaadin-valo-theme]

vaadin-valo-theme is a new theme in Vaadin 7.3 java web-framework.

Valo is a new built-in theme in Vaadin 7.3 java web-framework with high configurability.

23 questions
15
votes
2 answers

Create Sidebar or Vertical Menu in Vaadin

How can I create a VerticalMenu or Sidebar in Vaadin? Is there any specific component or Have I do programatically and using CSS? I would like to create something like Vaadin Demo: I'm using the new Valo Theme.
Rafa Romero
  • 2,667
  • 5
  • 25
  • 51
14
votes
2 answers

Scale down the Valo theme’s spacing and widget size to that of the Reindeer theme

The new Valo theme is now the default in Vaadin 7.3 apps. This theme renders visually with widgets (buttons, fields, and so on) that are dramatically larger (wider and taller) than in the previous default Reindeer theme. This kind of look is now…
Basil Bourque
  • 303,325
  • 100
  • 852
  • 1,154
5
votes
2 answers

How to change Vaadin Valo Theme to Metro?

I'm trying to change Valo theme from Default to Metro. In the demo page(http://demo.vaadin.com/valo-theme/) you can select from different themes for Valo, see top-right corner. I wold like to have Valo based on Metro styles but cant find any…
jotasies
  • 101
  • 1
  • 6
4
votes
2 answers

Vaadin missing icons of all components

We use the Vaadin valo-theme and component icons like the arrow of the combobox or the icon of the datefield are missing. We tried to put font-awesome manually, but the icons are still missing. We can't explain why. Can somebody help? My log output…
Mathias Mahlknecht
  • 281
  • 2
  • 6
  • 16
3
votes
1 answer

Vaadin SCSS Compilation fails- File to import not found or unreadable: ../valo/valo.scss

I am working on migration from Vaadin 8 to Vaadin 14 LTS in MPR. The .scss files used in our project need to be compiled. I used the following plugins com.vaadin
Manushi
  • 597
  • 1
  • 7
  • 26
3
votes
1 answer

Vaadin - How to use Valo font Open Sans without Valo theme?

In my Vaadin app I'm using my theme based on Vaadin Base theme. How can I use Valo font Open Sans if I don't use Valo theme? My styles.scss @import "../valo/fonts/open-sans/_open-sans.scss"; .myTheme { .. @include font-open-sans; .. font-family:…
Lukas Adamek
  • 111
  • 1
  • 7
3
votes
1 answer

Vaadin Valo theme: remove border around focused elements

I'm working on a Vaadin theme based on Valo. Valo adds a border around focused elements by default. What's the easiest / preferred way to disable this behaviour in my theme?
herman
  • 11,740
  • 5
  • 47
  • 58
3
votes
2 answers

Change from "Valo" theme to "Reindeer" in new Vaadin 7.3 app

In new Vaadin 7.3 apps created with the Vaadin Plugin for NetBeans, the default theme is the new Valo theme. Valo is hip-looking, and very important technology for the future. On the downside, Valo is huge in its default sizing. Until I learn how to…
Basil Bourque
  • 303,325
  • 100
  • 852
  • 1,154
2
votes
2 answers

Changing Vaadin Valo theme variables for menu bar

I'm having trouble using valo and its API to change one variable in the menubar. I just want v-font-weight to be 600px. I guess that I don't understand the API and what component to remove. This is my scaled down attempt to do this in…
superbAfterSemperPhi
  • 1,292
  • 1
  • 14
  • 27
2
votes
0 answers

Change position of loading indicator depending on the view

Can I change the position of the loading indicator (Valo Theme) depending on the view? (E.g. top: 0px for one view and top: 50px for another view)
Hengrui Jiang
  • 861
  • 1
  • 10
  • 23
2
votes
0 answers

Vaadin Valo page will not scroll

I'm creating a new Vaadin theme based on the native Valo theme. After the upgrade to Vaadin 7.3 Valo (done by someone else) the page content won't scroll anymore. All of the other elements on the page where overflow property is applied, work fine…
JaneVi
  • 199
  • 1
  • 16
2
votes
2 answers

Vaadin Valo Stylesheets

I'm having a problem using Vaadin (in Eclipse) and its associated styling engine Valo, and the TouchKit package. I mention all of these because I'm not sure which, if any, is causing the problem. The name of my custom theme (which imports Valo) is…
c.maclean
  • 401
  • 2
  • 9
1
vote
0 answers

How to overwrite valo-menu-responsive width-range rules?

I need to modify standard valo theme in Vaadin app, so I overwrite standard rules in mytheme.scss (like this), but I want to delete rules for valo-menu width-range in 801-1100px. For this width-range exist 17 rules in styles.css. Should I overwrite…
1
vote
0 answers

vaadin8 - bourbon library font file not found

We have own custom theme base valo. Why search vaadin our custom font in value util directory? 404 GET /VAADIN/themes/valo/util/bourbon/css3/fonts/our-font-name.eot What is the reason for that? outcustomtheme.scss:…
tsogtgerel.ts
  • 955
  • 1
  • 15
  • 32
1
vote
0 answers

vaadin - exclude valo theme

We don't have any usage of Valo theme. if we don't include valo in our custom theme, we got following error and our application load very slow. How can we complete exclude valo theme? Thereby reduce css file size…
tsogtgerel.ts
  • 955
  • 1
  • 15
  • 32
1
2