Examples of com.google.gwt.user.client.ui.Image

com.google.gwt.user.client.ui.Image
A widget that displays the image at a given URL. The image can be in 'unclipped' mode (the default) or 'clipped' mode. In clipped mode, a viewport is overlaid on top of the image so that a subset of the image will be displayed. In unclipped mode, there is no viewport - the entire image will be visible. Whether an image is in clipped or unclipped mode depends on how the image is constructed, and how it is transformed after construction. Methods will operate differently depending on the mode that the image is in. These differences are detailed in the documentation for each method.
If an image transitions between clipped mode and unclipped mode, any {@link Element}-specific attributes added by the user (including style attributes, style names, and style modifiers), except for event listeners, will be lost.

CSS Style Rules

.gwt-Image
The outer element
Tranformations between clipped and unclipped state will result in a loss of any style names that were set/added; the only style names that are preserved are those that are mentioned in the static CSS style rules. Due to browser-specific HTML constructions needed to achieve the clipping effect, certain CSS attributes, such as padding and background, may not work as expected when an image is in clipped mode. These limitations can usually be easily worked around by encapsulating the image in a container widget that can itself be styled.

Example
{@example com.google.gwt.examples.ImageExample}

                                            hasConstraints,
                                            i );


            //now the clear icon
            final int currentRow = i;
            Image clear = GuidedRuleEditorImages508.INSTANCE.DeleteItemSmall();
            clear.setTitle( Constants.INSTANCE.RemoveThisWholeRestriction() );
            clear.addClickHandler( createClickHandlerForClearImageButton( currentRow ) );


            if ( !this.readOnly ) {
                //This used to be 5 and Connectives were not rendered
                table.setWidget( currentRow,
                                 6,

View Full Code Here

                                            constraint,
                                            true,
                                            0 );
                //add in remove icon here...
                final int currentRow = i;
                Image clear = GuidedRuleEditorImages508.INSTANCE.DeleteItemSmall();
                clear.setTitle( Constants.INSTANCE.RemoveThisNestedRestriction() );
                clear.addClickHandler( new ClickHandler() {


                    public void onClick( ClickEvent event ) {
                        if ( Window.confirm( Constants.INSTANCE.RemoveThisItemFromNestedConstraint() ) ) {
                            setModified( true );
                            constraint.removeConstraint( currentRow );

View Full Code Here

        }
    }


    private Image createAddConnectiveImageButton( final RuleModeller modeller,
                                                  final SingleFieldConstraint constraint ) {
        Image addConnective = GuidedRuleEditorImages508.INSTANCE.AddConnective();
        addConnective.setTitle( Constants.INSTANCE.AddMoreOptionsToThisFieldsValues() );
        addConnective.addClickHandler( new ClickHandler() {


            public void onClick( ClickEvent event ) {
                setModified( true );
                constraint.addNewConnective();
                modeller.refreshWidget();

View Full Code Here

     */
    private Widget predicateEditor( final SingleFieldConstraint c ) {


        HorizontalPanel pred = new HorizontalPanel();
        pred.setWidth( "100%" );
        Image img = new Image( GuidedRuleEditorResources.INSTANCE.images().functionAssets() );
        img.setTitle( Constants.INSTANCE.FormulaBooleanTip() );


        pred.add( img );
        if ( c.getValue() == null ) {
            c.setValue( "" );
        }

View Full Code Here


    //Additional widget for CEP operator parameters
    private Widget getOperatorExtension() {
        container.setStylePrimaryName( GuidedRuleEditorResources.INSTANCE.css().container() );


        btnAddCEPOperators = new Image( GuidedRuleEditorResources.INSTANCE.images().clock() );
        btnAddCEPOperators.setVisible( parameterSets.size() > 0 );
        btnAddCEPOperators.addClickHandler( new ClickHandler() {


            public void onClick( ClickEvent event ) {
                visibleParameterSet++;

View Full Code Here

    }


    //Wrap a Constraint Value Editor with an icon to remove the type 
    private Widget wrap( Widget w ) {
        HorizontalPanel wrapper = new HorizontalPanel();
        Image clear = GuidedRuleEditorImages508.INSTANCE.DeleteItemSmall();
        clear.setAltText( Constants.INSTANCE.RemoveActionValueDefinition() );
        clear.setTitle( Constants.INSTANCE.RemoveActionValueDefinition() );
        clear.addClickHandler( new ClickHandler() {


            public void onClick( ClickEvent event ) {
                //Reset Constraint's value and value type
                if ( Window.confirm( Constants.INSTANCE.RemoveActionValueDefinitionQuestion() ) ) {
                    value.setNature( FieldNatureType.TYPE_UNDEFINED );

View Full Code Here


    private Widget choice() {
        if ( this.readOnly ) {
            return new HTML();
        } else {
            Image clickme = GuidedRuleEditorImages508.INSTANCE.Edit();
            clickme.addClickHandler( new ClickHandler() {
                public void onClick( ClickEvent event ) {
                    showTypeChoice( (Widget) event.getSource() );
                }
            } );
            return clickme;

View Full Code Here


    protected Widget addRemoveButton( Widget w,
                                      ClickHandler listener ) {
        DirtyableHorizontalPane horiz = new DirtyableHorizontalPane();


        final Image remove = GuidedRuleEditorImages508.INSTANCE.DeleteItemSmall();
        remove.setAltText( Constants.INSTANCE.RemoveThisBlockOfData() );
        remove.setTitle( Constants.INSTANCE.RemoveThisBlockOfData() );
        remove.addClickHandler( listener );


        horiz.setWidth( "100%" );
        w.setWidth( "100%" );


        horiz.add( w );

View Full Code Here

                             fieldSelector( val ) );
            inner.setWidget( i,
                             1 + col,
                             valueEditor( val ) );
            final int idx = i;
            Image remove = GuidedRuleEditorImages508.INSTANCE.DeleteItemSmall();
            remove.addClickHandler( new ClickHandler() {
                public void onClick( ClickEvent event ) {
                    if ( Window.confirm( Constants.INSTANCE.RemoveThisItem() ) ) {
                        model.removeField( idx );
                        setModified( true );
                        getModeller().refreshWidget();

View Full Code Here


        return box;
    }


    private Widget choice() {
        Image clickme = GuidedRuleEditorImages508.INSTANCE.Edit();
        clickme.addClickHandler( new ClickHandler() {


            public void onClick( ClickEvent event ) {
                showTypeChoice( (Widget) event.getSource() );
            }
        } );

View Full Code Here

0 1 2 3 4 5 6 7 8 9

TOP

Related Classes of com.google.gwt.user.client.ui.Image

com.allen_sauer.gwt.log.client.DivLogger

com.badlogic.gdx.backends.gwt.GwtApplication

com.google.gerrit.client.auth.openid.OpenIdSignInDialog

com.google.gwt.dom.client.ImageElement

com.google.gwt.junit.viewer.client.ReportViewer

com.google.gwt.sample.showcase.client.content.lists.CwStackLayoutPanel

com.google.gwt.sample.showcase.client.content.lists.CwStackPanel

com.google.gwt.uibinder.test.client.UiBinderTest

com.google.gwt.user.client.ui.impl.ClippedImagePrototypeTest

com.google.testing.testify.risk.frontend.client.view.impl.CapabilityDetailsViewImpl

All source code are property of their respective owners. Java is a trademark of Sun Microsystems, Inc and owned by ORACLE Inc. Contact coftware#gmail.com.

Examples of com.google.gwt.user.client.ui.Image

CSS Style Rules

Example

Related Classes of com.google.gwt.user.client.ui.Image