Hi there
I am customizing a label and placed the name of the label in the one
cell of a grid and an asterisk(image) in the next cell.


<ui:image field="requiredImage" src="images/required_indicator.gif"/>
<ui:style
type="com.equillore.mcmexternal.client.ui.IndicatorLabel.Style">
    @sprite
    .requiredImage
     {
        gwt-image: 'requiredImage';
        width: 7px;
        height: 14px;
    }
    .labRequired
    {
        color:#B22222;
        font-size:14;
        font-style:normal;
        font-weight:bold;
        font-family: serif;
        letter-spacing: 0.07em;
    }
</ui:style>
<g:Grid >
    <g:row>
        <g:customCell>
            <g:Label ui:field="label"
addStyleNames="{style.labRequired}"/>
        </g:customCell>
        <g:customCell>
            <g:Label addStyleNames="{style.requiredAsterisk}"/>
        </g:customCell>
    </g:row>
</g:Grid>

when I run this the asterisk image is however displayed in front of
the label(labRequired) as well just after it. So it is displayed
twice.

In my understanding it is better to add this image as a managed
resource.

How can I do this?

-- 
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