Vaadin 7.3 beta and Valo theme released

General
88

That bug (
http://dev.vaadin.com/ticket/14481
) was fixed in version 7.3.4

see
http://vaadin.com/download/release/7.3/7.3.4/release-notes.html

89

Thanks. I’ve updated to 7.3.6. Still, I’ve noticed that when I apply

window.setDraggable(false);

The ‘move’ cursor still appears on when hovering on the caption. It would be nice if this cursor would only appear if the window is draggable.

90

Yup, that’s still a bug which is not fixed I think. Would be great if you could take the time and
make a ticket
 for it, please.

91

Done, see
http://dev.vaadin.com/ticket/15377
.

92

Think I’ve found another one. When I create an Upload and use setImmediate(true), the element is still present in the right of the layout. It is visually indistinguishable from the background, but still clickable and triggers the upload/file chooser dialog.

Created ticket:
http://dev.vaadin.com/ticket/15404

93

Hi,
I’ve been testing valo demo project with vaadin 7.4.0.beta3 and menu responsiveness doesn’t work, until vaadin 7.3.9 it works very well, somebody could verify it?.

94

What exactly is the problem you are experiencing?
Please check also
#14679
 - you might need to add

myUi.addStyleName(ValoTheme.UI_WITH_MENU);

This should be in the release notes (I didn’t check), but probably easy to miss.

95

Thank you, that was the problem, I missed that ticket.

96

Hi Jouni,
i’m using Valo and I have table with progressBar as cutom component i want to change the color of indicator for each row , can you pride me please an example of the modified CSS ?
i tried this but it doesn’t work :frowning:

.v-progressbar-red {
@include valo-progressbar-indicator-style($background-color: #red);
}

.v-progressbar-amber {
@include valo-progressbar-indicator-style($background-color: #amber);
}
.v-progressbar-green {
@include valo-progressbar-indicator-style($background-color: #green);
}

Regards

97

Hi,

Your code is almost correct. You’re just targeting the wrong element with the mixin. This should work:

.v-progressbar-red .v-progressbar-indicator {
     @include valo-progressbar-indicator-style($background-color: #red);
  }
 
  .v-progressbar-amber .v-progressbar-indicator {
     @include valo-progressbar-indicator-style($background-color: #amber);
  }
  .v-progressbar-green .v-progressbar-indicator {
     @include valo-progressbar-indicator-style($background-color: #green);
  }
98

you are right i was targeting the wrong element ! thank you very much for your help

99

Hello,

As for the Table :

TABLE_NO_STRIPES = "no-stripes";
TABLE_NO_VERTICAL_LINES = "no-vertical-lines";
TABLE_NO_HORIZONTAL_LINES = "no-horizontal-lines";
TABLE_NO_HEADER = "no-header";
TABLE_BORDERLESS = "borderless";
TABLE_COMPACT = "compact";
TABLE_SMALL = "small";

Is there any predefined ValoTheme styles for the Grid component ? is it planned for the futur valo version?
Regards.

100

Hi,
I’m using vaadin 7.4.6 and I have a problem with the vaadin calendar when I try to set it to full size. There is something wrong with the height of the cells (see attached images, the default theme works fine).

I tested it with a simple UI

[code]
@Override
protected void init(VaadinRequest request) {
Calendar calendar = new Calendar();

setCalendarContainer(calendar);
setCalendarStartEndDate(calendar);

calendar.setSizeFull();

VerticalLayout v = new VerticalLayout();
v.setSizeFull();
v.addComponent(calendar);
setContent(v);

}
[/code]The custom style scss just contains

@import "../valo/valo.scss"; @mixin my-theme { @include valo; } Is this a bug or I’m doing something wrong with the css?
Regards.
19224.png
19225.png

101

It looks like this is Valo’s calendar normal look. Please see the scss of the calendar component. Must be the line height I guess. You can then override it in your theme if you want.

102

Thank you for the suggestion, the following rule seems to work for me (but I don’t think is the correct way)

.v-calendar-bottom-spacer, .v-calendar-spacer, .v-calendar-bottom-spacer-empty, .v-calendar-event-month { margin-bottom: 0px; } Anyway, I think the calendar should be able to correctly resize himself just like every other component (ex. a Table).
It seems to works only if the height is UNDEFINED. If I set “setHeight(“100%”)” or “setHeight(“500px”)” the result is what you can see in the attached image: half of the last week row is outside the visible area and the numbers of the weeks (on the left) are not aligned with the rows.
Is this the intended behaviour?
19408.png

103

Seems like a bug. Please file a ticket for this.

104

Hi everyone,

I’m using Calendar of 7.5.0 version.
I guess you have a bug there, if you want to set the height and/or width size, then it does correctly.

BUT, when I do anything - listener, open a pop-up, scroll in a combo, then the height size change.
And when it does, it’s not about the height, it’s addin a v-calendar-spacer :
I had 8 in the first place, after 2 scrolls, it came to 10…

Could anyone confirm that ?
Thanks in advance,
Cheers,
Jeff

105

Hi all,

There does not seem to be a css style for a borderless Grid component. I found a ticket about it:
https://dev.vaadin.com/ticket/16937#ticket

Are there any plans for implementing this?

Cheers!

106

Hi,
the vaadin theme demo application is not working with safari browser where it is working on chrome and mozilla.While changing the themes to ‘blueprint’ or ‘facebook’ or to any theme ,it is not changing,but working fine in other browsers Please give me a solution .Below are the details::

url :: http://demo.vaadin.com/valo-theme/#!common
safari version :: 5.1.4 version on windows system

107

Vaadin supports Safari from version 6 onwards. Safari on Windows hasn’t been supported by Apple since version 6.