Thanks for the reply. But because your suggestion still did’t helped me solving the issue, something else needs to be checked. So, before looking into the possible issues, here are a few excerts from the build log:
[INFO]
Visiting SwitchConnector with ConnectorInitVisitor
[INFO]
SwitchConnector will be in the eager bundle
[INFO]
Will serialize class org.vaadin.teemu.switchui.client.SwitchState as a bean
The entries in my generated widgetset.xml file are correct, meaning that the component is found and the build log is certifying the clientside build has occured:
I’ve tried the component with a sample maven project is is displayed just fine, but my problem comes when I am trying to use it in a real-world existing application. So, do you have some hints on what else to debug or check in my app?
Hmm, in that case I’m running out of ideas. Have you tried to use any other add-ons with client-side widgets in the real-world project? The Wizards for Vaadin mentioned in your snippet doesn’t have any client-side code, so that probably works fine.
I found out … my mistake .
But for the sake of other developers benefit, I’ll tell the story: my
application is actually containing many "
vaadin applications " in it, therefore in the web.xml I had separate init params for each vaadin servlet. Obviously, for one of the application (with the new addon), the widgetset reference was not valid for some reason. Correcting that it also corrected the add-on display.
later update: there is still one thing still not functioning as expected: the animation and the button face image is not updated on clicks for styles other than
holodeck .
Hi teemu, I noticed that if you place a Switch in a Table’s generatedcell, it will not function correctly.
Setting the initial value does not render the correct UX in the client as it always displays as “ON”. Value change correctly changes and sets the db value.
@Override
public Component generateCell(final Table source, final Object itemId, final Object columnId) {
@SuppressWarnings("rawtypes")
final Property property = source.getItem(itemId).getItemProperty(columnId);
Boolean selected = property != null ? (Boolean)property.getValue() : false;
Switch switchComponent = new Switch("", selected);
switchComponent.setImmediate(true);
switchComponent.addValueChangeListener(new ValueChangeListener(){ ...}
return switchComponent;
}
Even if manually set it to false, it displays as “ON”
[code] @Override
public Component generateCell(final Table source, final Object itemId, final Object columnId) { @SuppressWarnings(“rawtypes”)
Switch switchComponent = new Switch("", false);
switchComponent.setImmediate(true);
return switchComponent;
}
[/code]Example, all switches are set to false. The first two are in a table and the last is added to the layout.
Finally, for testing purpose, I switched the Switch to a CheckBox and it renders as expected with initial values. So I assume it is something with the js and drawing.
Is it possible to make the toggle work veritcally (up/down rather than left/right) via CSS?
I need to implement a toggle like the one in the attached image. Our UI designer provided the CSS below but I need to use a Vaadin component and I can’t figure out a way to marry the two. Any suggestions?
Unfortunately it is not that simple. You could of course try simply adding a rotate transition to the Switch element. But you might end up with some layouting issues with that. Maybe it’s still worth a shot.
transition: rotate(90deg);
Also the client-side implementation (done with GWT) is listening for mouse drag movements in the horizontal direction, so at least dragging of the switch handle would not work right after the rotation.
Dear Teemu,
In first place I would like to thank you for the switch addon. Second, i would like to know how can I change the label, in other word i would like to customize the label ; for example i would like to change ON to Present …
Thank you in advance for your time and your response.
Should it also work with Vaadin 7.5.9+? As I also have the issue that only a CheckBox is shown instead of a Switch.
I’m using version 2.0.3 of the add-on and want to show it inside a table
The manifest file in switch-2.0.3.jar file has reference to class-path for vaadin-server-7.2.0.jar, etc. While loading using jar file in one of the web application we are seeing the traces related to "
The manifest class path vaadin-server-7.2.0.jar can not be found in jar file file:…/WEB-INF/lib/switch-2.0.3.jar or its parent " for every missing jar files in the class path. This is because we are using vaadin version 7.3.7. As per my understanding those class file version only indicates the minimum supported vaadin version or is there any other significance of having those entries in the class-path of manifest file.
.
