UBinder with not styling with clientBundle and css file

[coderinabstract]

The use case is below...styling lost unless hard code css in uiBinder
with Style source...also image sprite style comes out blank in the
div, however other styles are there in the widgets/divs (I have set
the CSSResource.Style=pretty). No Styling works and get styleless
output. Please advice..thank you

1)----myView.ui.xml--------

<!DOCTYPE ui:UiBinder SYSTEM "http://dl.google.com/gwt/DTD/xhtml.ent";>
<ui:UiBinder xmlns:ui="urn:ui:com.google.gwt.uibinder"
        xmlns:g="urn:import:com.google.gwt.user.client.ui">

<ui:with type="co.client.config.myResources" field="myres"></ui:with>

<g:VerticalPanel width="100%">
        <g:HTMLPanel>
                Hello,
                <g:Button styleName="{myres.mystyle.important}" 
ui:field="button" />
        </g:HTMLPanel>

         <g:FlowPanel styleName="{myres.mystyle.panelback}">
                <g:HTML>This is the heading</g:HTML>
         </g:FlowPanel>
         <g:FlowPanel styleName="{myres.mystyle.panelback2}"  height="150px">
                <g:Button styleName="{myres.mystyle.important}" 
ui:field="button2" /
>

                </g:FlowPanel>

        </g:VerticalPanel>

</ui:UiBinder>

2)-------------myView.java-----------------
package co.client.views;

import co.client.config.myResources;

import com.google.gwt.core.client.GWT;
import com.google.gwt.event.dom.client.ClickEvent;
import com.google.gwt.resources.client.ClientBundle;
import com.google.gwt.uibinder.client.UiBinder;
import com.google.gwt.uibinder.client.UiField;
import com.google.gwt.uibinder.client.UiHandler;
import com.google.gwt.user.client.Window;
import com.google.gwt.user.client.ui.Button;
import com.google.gwt.user.client.ui.Composite;
import com.google.gwt.user.client.ui.Widget;

public class PeopleView extends Composite {

        private static PeopleViewUiBinder uiBinder = GWT
                        .create(PeopleViewUiBinder.class);

        interface PeopleViewUiBinder extends UiBinder<Widget, PeopleView> {
        }

        @UiField
        Button button;

        public PeopleView(String firstName) {

                initWidget(uiBinder.createAndBindUi(this));
                                button.setText(firstName);
        }

        @UiHandler("button")
        void onClick(ClickEvent e) {
                Window.alert("Hello!");
        }

}

3)----MyResources.java--------

package co.client.config;

import com.google.gwt.core.client.GWT;
import com.google.gwt.resources.client.ClientBundle;
import com.google.gwt.resources.client.CssResource;
import com.google.gwt.resources.client.DataResource;
import com.google.gwt.resources.client.ImageResource;
import com.google.gwt.resources.client.TextResource;

public interface MyResources extends ClientBundle {
          public static final BillResources INSTANCE =  GWT.create
(MyResources.class);

          @Source("myapp.css")
          public Style mystyle();

          @Source("mylogo.png")
          public ImageResource logoImage();

          public interface Style extends CssResource {
                  String important();
                  String panelback();
                  String panelback2();
                  String mysprite();

          }

        }

4)----myapp.css---------------

.important {
        font-weight: bold;
}

.panelback {
        background-color: #174c5d;
        color: white;
        width: 80%;
        padding: 20px;
        margin-left: 20px;
}

.panelback2 {
        border-color: #174c5d;
        border-style: solid;
        color: white;
        padding-top: 0;
        width: 80%;
        margin-left: 20px;
}

@sprite .mysprite {
     gwt-image: "logoImage";
     background-color: #174c5d;
}

--

You received this message because you are subscribed to the Google Groups 
"Google Web Toolkit" group.
To post to this group, send email to google-web-tool...@googlegroups.com.
To unsubscribe from this group, send email to 
google-web-toolkit+unsubscr...@googlegroups.com.
For more options, visit this group at 
http://groups.google.com/group/google-web-toolkit?hl=en.