What is the method of choice to adjust CSS changes in vaadin?

Posted by Karussell on Stack Overflow See other posts from Stack Overflow or by Karussell
Published on 2010-05-13T13:18:29Z Indexed on 2010/05/13 13:24 UTC
Read the original article Hit count: 297

Filed under:

vaadin

|

layout

|

css

|

css-layout

|

java

I am struggling with some minor layout changes in vaadin which has to be done on Java AND Css side.

Everytime I need to adjust a layout thing like padding-top, background color or bold text of one component I need to set the style via Java code too:

userLink.setStyleName("textbold");

The changes in my styles.css (under VAADIN/themes/app/) would then be:

@import "../runo/styles.css";

.textbold {
    font-weight: bold;
}    
...

Is this the correct way of changing the CSS or is there another way? Can I do this without affecting the Java code?

© Stack Overflow or respective owner

Related posts about vaadin

Using Clojure with Vaadin

as seen on Stack Overflow - Search for 'Stack Overflow'
Hi, Has anyone tried implementing a web application with Clojure ( using Compojure ) and Vaadin ? I had seen an article on using Clojure with JWT for creating web apps. Vaadin is based on GWT so you get a lot of the advantages of GWT ( though Vaadin is completely Server-centric). And Clojure gives… >>> More
To implement registration page with Vaadin or not?

as seen on Programmers - Search for 'Programmers'
This is a tactical implementation question about usage of Vaadin or in some part of my application. Vaadin is a great framework to login users and implement sophisticated web applications with many pages. However, I think it is not very well suited to desgin pages to register new users for my application… >>> More
Failed to resolve artifact. Missing: ---------- 1) org.codehaus.mojo:gwt-maven-plugin:jar:1.3-SNAPSHOT

as seen on Stack Overflow - Search for 'Stack Overflow'
i want to use the addon vaadin Timeline, so i have to make "gwt-maven-plugin 3.1" as i know ,my pom.xml is the following : <?xml version="1.0"?> <project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://maven.apache… >>> More
Vaadin table hide columns and container customization

as seen on Stack Overflow - Search for 'Stack Overflow'
Hello I am testing a project, using Vaadin and Hibernate. I am trying to use the HbnContainer class to show data into table. The problem is that I do not want to show all the properties of the two classes in the table. For example: @Entity @Table(name="users") class User { @Id @GeneratedValue(strategy=GenerationType… >>> More
Who is using Vaadin?

as seen on Stack Overflow - Search for 'Stack Overflow'
Have anyone knowledge of real world vaadin based applications? Would be great to assemble a list on who is using Vaadin. >>> More

Related posts about layout

GWT layout panels vs. CSS layout

as seen on Stack Overflow - Search for 'Stack Overflow'
I read an article entitled "Tags First GWT", in which the writer suggests using GWT for event-handling, and CSS for layout. I just don't know whether the benefit of GWT's cross-browser compatibility goodness outweighs the flexibility offered by pure CSS layout. GWT GWT 2.0 has some snazzy layout… >>> More
MVC 2 View Layout CSS Control Layout

as seen on Stack Overflow - Search for 'Stack Overflow'
I'm new to a lot of what I'm trying to do with the development of a new MVC2 web application so this is a beginner question. I need to understand my options for control and content layout on a web page. I’m using MVC2 so I’m using Controllers, Views, ViewModels, and View Templates. What I need to… >>> More
Adding to LinearLayout another Layout and handle this Layout in separate Activity

as seen on Stack Overflow - Search for 'Stack Overflow'
I have an Activity which uses a layout with a LinearLayout in it. Now I want to create in runtime a subactivity which loads some other layout and add this layout as item of my LinearLatout. How to do this? Please provide me with code example. >>> More
Creating Rich Interactions Using Blend 4: Transition Effects, Fluid Layout and Layout States (Silver

as seen on Dot net Slackers - Search for 'Dot net Slackers'
In this episode, Kenny Young of the Expression Blend team demonstrates how to make some compelling interactions using Expression Blend 4 for Silverlight 4. He demonstrates some great examples using the FluidMoveBehavior, FluidLayout, LayoutStates, Transition Effects, and sample data. Kenny then dives… >>> More
Metro: Introduction to CSS 3 Grid Layout

as seen on Stephen Walter - Search for 'Stephen Walter'
The purpose of this blog post is to provide you with a quick introduction to the new W3C CSS 3 Grid Layout standard. You can use CSS Grid Layout in Metro style applications written with JavaScript to lay out the content of an HTML page. CSS Grid Layout provides you with all of the benefits of using… >>> More