Hi there,

I'm a GWT "Beginner" and started a simple GWT project using the
Eclipse GWT Plugin / GWTP setup. My first goal is to create a page
with a basic design. I want to include teasertext_bg.png in to the CSS
in MainView.ui.xml. But somehow it doesn't work. Can somebody tell me
what I'm doing wrong?

GWT Version is: 2.4.0

Resources.java
public interface Resources extends ClientBundle {
        @Source("logo.png")
        public ImageResource logo();

        @Source("teasertext_bg.png")
        @ImageOptions(repeatStyle=RepeatStyle.Horizontal)
        public ImageResource teasertext_bg();

        @Source("main.css")
        Style style();

        public interface Style extends CssResource {
                String branding_2();
        }
}

MainView.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:generateFormat='com.google.gwt.i18n.rebind.format.PropertiesFormat'
        ui:generateKeys='com.google.gwt.i18n.rebind.keygen.MD5KeyGenerator'
        ui:generateLocales='default'>

        <ui:with
type="com.acolsolutions.gwt.homepage.client.place.NameTokens"
field="nameTokens" />
        <ui:with field='res'
type='com.acolsolutions.gwt.homepage.client.resources.Resources' />

        <ui:style>
                /* MAIN CONTAINER */
                .main {
                        width: 710px;
                        margin: 0 auto;
                        position: relative;
                }

                .branding {
                        margin-top: 5px;
                        margin-bottom: 10px;
                        border-bottom: 1px dotted gray;
                        margin-bottom: 10px;
                }

                @sprite .branding_2 {
                        background: #273262;
                        gwt-image: "teasertext_bg";
                        color: white;
                        padding: 7px 20px 5px 20px;
                        margin: 0 0 1px 0;
                        border-top-right-radius: 10px;
                        border-top-left-radius: 10px;
                }

                .branding blockquote {
                        font-weight: bold;
                }
        </ui:style>

        <g:HTMLPanel addStyleNames="{style.main}">
        <g:HTMLPanel addStyleNames="{style.branding}">
                <g:Image resource='{res.logo}'/>
                </g:HTMLPanel>
                <g:HTMLPanel addStyleNames="{Resources.style.branding_2}">
                        <blockquote><p>IT Beratung</p></blockquote>
                </g:HTMLPanel>

            <g:SimplePanel ui:field="pageContent">
            </g:SimplePanel>

        </g:HTMLPanel>
</ui:UiBinder>

Thanks,
Chris

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

Reply via email to