Example usage for com.google.gwt.dom.client Style setTop

List of usage examples for com.google.gwt.dom.client Style setTop

  1. HOME
  2. Java
  3. com.google.gwt
  4. com.google.gwt.dom.client.*
  5. Style
  6. setTop

Introduction

In this page you can find the example usage for com.google.gwt.dom.client Style setTop.

Prototype

public void setTop(double value, Unit unit)

Source Link

Usage

From source file:org.kie.workbench.common.stunner.client.lienzo.components.glyph.ShapeGlyphDragHandlerImpl.java

License:Apache License

private void setDragProxyPosition(final LienzoPanel dragProxyPanel, final double proxyWidth,
        final double proxyHeight, final double x, final double y) {
    Style style = dragProxyPanel.getElement().getStyle();
    style.setPosition(Style.Position.ABSOLUTE);
    style.setLeft(x - (proxyWidth / 2), Style.Unit.PX);
    style.setTop(y - (proxyHeight / 2), Style.Unit.PX);
    style.setZIndex(ZINDEX);/*from  w w  w  .j  a v a  2s .co  m*/
}

From source file:org.kie.workbench.common.stunner.client.lienzo.components.glyph.ShapeGlyphDragHandlerImpl.java

License:Apache License

private void attachDragProxyHandlers(final LienzoPanel floatingPanel, final Callback callback) {
    final Style style = floatingPanel.getElement().getStyle();
    final HandlerRegistration[] handlerRegs = new HandlerRegistration[2];

    //MouseMoveEvents
    handlerRegs[0] = RootPanel.get().addDomHandler(new MouseMoveHandler() {

        @Override/*from   w  w  w .ja v a 2 s  .co  m*/
        public void onMouseMove(final MouseMoveEvent mouseMoveEvent) {
            style.setLeft(mouseMoveEvent.getX() - (floatingPanel.getWidth() / 2), Style.Unit.PX);
            style.setTop(mouseMoveEvent.getY() - (floatingPanel.getHeight() / 2), Style.Unit.PX);
            final double x = mouseMoveEvent.getX();
            final double y = mouseMoveEvent.getY();
            callback.onMove(x, y);
        }
    }, MouseMoveEvent.getType());

    //MouseUpEvent
    handlerRegs[1] = RootPanel.get().addDomHandler(new MouseUpHandler() {

        @Override
        public void onMouseUp(final MouseUpEvent mouseUpEvent) {
            handlerRegs[0].removeHandler();
            handlerRegs[1].removeHandler();
            RootPanel.get().remove(floatingPanel);
            final double x = mouseUpEvent.getX();
            final double y = mouseUpEvent.getY();
            callback.onComplete(x, y);
        }
    }, MouseUpEvent.getType());
}

From source file:org.komodo.web.client.panels.vdb.VdbEditPanel.java

License:Apache License

private Widget createObjectPropertiesPanel() {
    Style objPropPanelStyle = objectPropertiesPanel.getElement().getStyle();

    /*/*from w  w  w .jav a 2s.  co  m*/
     * Want to position the properties panel so its always to the right
     * of the diagram panel, even when zoomed in. Float: left fails to
     * work at this point since zoom in enough and the properties
     * panel jumps down below.
     */

    /*
     * Set the position of the properties panel to absolute so that we
     * are now in charge of its location
     */
    objPropPanelStyle.setPosition(Position.ABSOLUTE);

    /*
     * Set its position as being on same level as diagram panel
     */
    objPropPanelStyle.setTop(0, Unit.EM);

    /*
     * Move it to the right of the diagram panel which is the
     * diagram panel width + border width + an extra 2 units
     * to account for the vertical scrollbar width
     */
    objPropPanelStyle.setLeft(DIAGRAM_PANEL_WIDTH + BORDER_WIDTH + 2, Unit.EM);

    /*
     * Set its width and height to appropriate values
     */
    objPropPanelStyle.setWidth((DIAGRAM_PANEL_WIDTH * 3) / 5, Unit.EM);
    objPropPanelStyle.setHeight(EDIT_PANEL_HEIGHT, Unit.EM);

    /*
     * Set its background colour to a subtle shade that just frames the panel
     */
    objPropPanelStyle.setBackgroundColor("#fAfAfA"); //$NON-NLS-1$

    /*
     * Set overflow to use scrollbars if required
     */
    objPropPanelStyle.setOverflow(Overflow.AUTO);

    /*
     * Add the title
     */
    Label propertyTitle = new Label("Property Editor"); //$NON-NLS-1$
    Style titleStyle = propertyTitle.getElement().getStyle();

    /*
     * Centre the title
     * Set its font size and make it bold
     * Set its height as this ensures a value we can know when
     * passing on the remaining content area to the sub panels, ie.
     * SUB_PANEL_HEIGHT = DIAGRAM_PANEL_HEIGHT
     *                                          - PROPERTY_TITLE_HEIGHT + (BORDER_WIDTH * 2)
     */
    titleStyle.setTextAlign(TextAlign.CENTER);
    titleStyle.setFontSize(1, Unit.EM);
    titleStyle.setFontWeight(FontWeight.BOLD);
    titleStyle.setLineHeight(PROPERTY_TITLE_HEIGHT, Unit.EM);
    titleStyle.setHeight(PROPERTY_TITLE_HEIGHT, Unit.EM);
    objectPropertiesPanel.add(propertyTitle);

    return objectPropertiesPanel;
}

From source file:org.nsesa.editor.gwt.core.client.ui.document.sourcefile.actionbar.ActionBarController.java

License:EUPL

/**
 * Adapts the position of this 'hoovering' toolbar to be placed just above the {@link OverlayWidget}.
 *//*from  w  w w .  j a  va2s  . c  om*/
public void adaptPosition(final Widget container) {
    // hide the panel with our creation elements
    actionBarCreatePanelController.getView().asWidget().setVisible(false);
    if (overlayWidget != null) {
        final Style style = view.asWidget().getElement().getStyle();
        final int coordinateY = overlayWidget.asWidget().getAbsoluteTop()
                - (view.asWidget().getOffsetHeight() - 1);
        style.setTop(coordinateY, Style.Unit.PX);
        style.setLeft(overlayWidget.asWidget().getAbsoluteLeft(), Style.Unit.PX);

        // we need to limit the width to make sure it does not
        final int width = (container.getOffsetWidth() + container.getAbsoluteLeft())
                - overlayWidget.asWidget().getAbsoluteLeft();
        style.setWidth((width), Style.Unit.PX);
        adaptVisibility();
    }
}

From source file:org.nsesa.editor.gwt.core.client.ui.document.sourcefile.marker.MarkerViewImpl.java

License:EUPL

@Override
public FocusWidget addMarker(final double top, final String color) {

    int height = getOffsetHeight();

    double v = height * top;

    LOG.info("Drawing marker at " + (int) v);

    Anchor marker = new Anchor("<div></div>", true);
    mainPanel.add(marker);/*www  .  j a v a  2 s  . c  om*/
    final Style style = marker.getElement().getFirstChildElement().getStyle();
    style.setPosition(Style.Position.ABSOLUTE);
    style.setTop((int) v, Style.Unit.PX);
    style.setWidth(100, Style.Unit.PCT);
    style.setHeight(5, Style.Unit.PX);
    style.setBorderWidth(1.0, Style.Unit.PX);
    style.setBackgroundColor(color);
    return marker;

}

From source file:org.opencms.acacia.client.ui.CmsAttributeValueView.java

License:Open Source License

/**
 * @see org.opencms.gwt.client.dnd.I_CmsDraggable#getDragHelper(org.opencms.gwt.client.dnd.I_CmsDropTarget)
 *//*from  w ww. j  a v  a2s .  c o  m*/
public Element getDragHelper(I_CmsDropTarget target) {

    closeHelpBubble(null);
    // using the widget element as the drag helper also to avoid cloning issues on input fields
    m_dragHelper = getElement();
    Element parentElement = getElement().getParentElement();
    if (parentElement == null) {
        parentElement = target.getElement();
    }
    int elementTop = getElement().getAbsoluteTop();
    int parentTop = parentElement.getAbsoluteTop();
    Style style = m_dragHelper.getStyle();
    style.setWidth(m_dragHelper.getOffsetWidth(), Unit.PX);
    // the dragging class will set position absolute
    style.setTop(elementTop - parentTop, Unit.PX);
    m_dragHelper.addClassName(formCss().dragHelper());
    return m_dragHelper;
}

From source file:org.opencms.acacia.client.ui.CmsChoiceSubmenu.java

License:Open Source License

/**
 * Helper method to position a submenu on the left side of a menu entry.<p>
 *
 * @param widgetEntry the widget entry relative to which the submenu should  be positioned
 *///from w w  w.  jav a2 s  .c  o m
protected void positionNextToMenuEntry(final CmsChoiceMenuEntryWidget widgetEntry) {

    Element elem = getElement();
    elem.getStyle().setPosition(Style.Position.ABSOLUTE);
    Element referenceElement = null;
    int startX = -2000;
    int startY = -2000;
    int deltaX = 0;
    int deltaY = 0;
    referenceElement = widgetEntry.getElement();
    Style style = elem.getStyle();
    style.setLeft(startX, Unit.PX);
    style.setTop(startY, Unit.PX);
    int myRight = elem.getAbsoluteRight();
    int myTop = elem.getAbsoluteTop();
    int refLeft = referenceElement.getAbsoluteLeft();
    int refTop = referenceElement.getAbsoluteTop();
    int newLeft = startX + (refLeft - myRight) + deltaX;
    int newTop;
    if (openAbove(referenceElement)) {
        int myHeight = elem.getOffsetHeight();
        int refHeight = referenceElement.getOffsetHeight();
        newTop = startY + ((refTop + refHeight) - (myTop + myHeight)) + deltaY;
    } else {
        newTop = startY + (refTop - myTop) + deltaY;
    }
    style.setLeft(newLeft, Unit.PX);
    style.setTop(newTop, Unit.PX);
}

From source file:org.opencms.ade.containerpage.client.ui.CmsGroupcontainerEditor.java

License:Open Source License

/**
 * Constructor.<p>// w  ww. j a va2  s .  co  m
 * 
 * @param groupContainer the group-container
 * @param controller the container-page controller
 * @param handler the container-page handler
 */
private CmsGroupcontainerEditor(CmsGroupContainerElementPanel groupContainer,
        CmsContainerpageController controller, CmsContainerpageHandler handler) {

    m_controller = controller;
    m_editorWidget = uiBinder.createAndBindUi(this);
    initWidget(m_editorWidget);
    m_overlayDiv.getStyle().setZIndex(I_CmsLayoutBundle.INSTANCE.constants().css().zIndexHighlighting());
    m_labelDescription.setText(Messages.get().key(Messages.GUI_GROUPCONTAINER_LABEL_DESCRIPTION_0));
    m_labelTitle.setText(Messages.get().key(Messages.GUI_GROUPCONTAINER_LABEL_TITLE_0));
    m_editorId = HTMLPanel.createUniqueId();
    m_editorWidget.getElement().setId(m_editorId);
    m_groupContainer = groupContainer;
    m_backUpElements = new ArrayList<CmsContainerPageElementPanel>();
    Iterator<Widget> it = m_groupContainer.iterator();
    while (it.hasNext()) {
        Widget w = it.next();
        if (w instanceof CmsContainerPageElementPanel) {
            m_backUpElements.add((CmsContainerPageElementPanel) w);
        }
    }
    m_parentContainer = (CmsContainerPageContainer) m_groupContainer.getParentTarget();
    m_groupContainerPosition = CmsPositionBean.generatePositionInfo(m_groupContainer);
    m_editingPlaceholder = createPlaceholder(m_groupContainer.getElement());
    m_groupContainer.setEditingPlaceholder(m_editingPlaceholder);
    m_groupContainer.setEditingMarker(m_containerMarker);
    m_indexPosition = m_parentContainer.getWidgetIndex(m_groupContainer);
    // inserting placeholder element
    m_parentContainer.getElement().insertBefore(m_editingPlaceholder, m_groupContainer.getElement());
    m_editorWidget.add(m_groupContainer, m_editorId);
    Style style = m_groupContainer.getElement().getStyle();
    style.setPosition(Position.ABSOLUTE);
    style.setLeft(m_groupContainerPosition.getLeft(), Unit.PX);
    style.setTop(m_groupContainerPosition.getTop(), Unit.PX);
    style.setWidth(m_groupContainerPosition.getWidth(), Unit.PX);
    style.setZIndex(I_CmsLayoutBundle.INSTANCE.constants().css().zIndexGroupContainer());
    m_containerMarker.getStyle().setLeft(m_groupContainerPosition.getLeft() - 3, Unit.PX);
    m_containerMarker.getStyle().setTop(m_groupContainerPosition.getTop() - 4, Unit.PX);
    m_containerMarker.getStyle().setWidth(m_groupContainerPosition.getWidth() + 4, Unit.PX);
    m_containerMarker.getStyle().setHeight(m_groupContainerPosition.getHeight() + 4, Unit.PX);
    m_groupContainer.getElementOptionBar().setVisible(false);
    m_groupContainer.getElementOptionBar()
            .removeStyleName(I_CmsToolbarButtonLayoutBundle.INSTANCE.toolbarButtonCss().cmsHovering());

    RootPanel.get().addStyleName(I_CmsLayoutBundle.INSTANCE.containerpageCss().groupcontainerEditing());

    // Loading data of all contained elements including group-container element
    m_controller.getElements(getElementIds(), new I_CmsSimpleCallback<Map<String, CmsContainerElementData>>() {

        public void execute(Map<String, CmsContainerElementData> arg) {

            setGroupContainerData(arg);
        }
    });
}

From source file:org.opencms.ade.containerpage.client.ui.CmsListCollectorEditor.java

License:Open Source License

/**
 * @see org.opencms.gwt.client.ui.A_CmsDirectEditButtons#setPosition(org.opencms.gwt.client.util.CmsPositionBean, com.google.gwt.user.client.Element)
 *///  w  ww .  j ava 2s .co m
@Override
public void setPosition(CmsPositionBean position, com.google.gwt.user.client.Element containerElement) {

    m_position = position;
    Element parent = CmsDomUtil.getPositioningParent(getElement());
    if (!containerElement.isOrHasChild(parent)) {
        // the container element should have position relative,
        // so don't use any positioning parent that is not a child of the container-element
        parent = containerElement;
    }
    Style style = getElement().getStyle();
    style.setRight(
            parent.getOffsetWidth() - (m_position.getLeft() + m_position.getWidth() - parent.getAbsoluteLeft()),
            Unit.PX);
    int top = m_position.getTop() - parent.getAbsoluteTop();
    if (top < 25) {
        // if top is <25 the buttons might overlap with the option bar, so increase to 25
        top = 25;
    }
    style.setTop(top, Unit.PX);
}

From source file:org.opencms.ade.containerpage.client.ui.groupeditor.A_CmsGroupEditor.java

License:Open Source License

/**
 * Constructor.<p>/* www. ja  va2s . co m*/
 *
 * @param groupContainer the group-container
 * @param controller the container-page controller
 * @param handler the container-page handler
 */
protected A_CmsGroupEditor(CmsGroupContainerElementPanel groupContainer, CmsContainerpageController controller,
        CmsContainerpageHandler handler) {

    m_controller = controller;
    m_handler = handler;
    m_editorWidget = uiBinder.createAndBindUi(this);
    initWidget(m_editorWidget);
    m_editorId = HTMLPanel.createUniqueId();
    m_editorWidget.getElement().setId(m_editorId);
    m_groupContainer = groupContainer;
    m_backUpElements = new ArrayList<CmsContainerPageElementPanel>();
    Iterator<Widget> it = m_groupContainer.iterator();
    while (it.hasNext()) {
        Widget w = it.next();
        if (w instanceof CmsContainerPageElementPanel) {
            m_backUpElements.add((CmsContainerPageElementPanel) w);
        }
    }
    m_parentContainer = (CmsContainerPageContainer) m_groupContainer.getParentTarget();
    m_groupContainerPosition = CmsPositionBean.getBoundingClientRect(m_groupContainer.getElement());
    m_editingPlaceholder = createPlaceholder(m_groupContainer.getElement());
    m_groupContainer.setEditingPlaceholder(m_editingPlaceholder);
    m_groupContainer.setEditingMarker(m_containerMarker);
    m_indexPosition = m_parentContainer.getWidgetIndex(m_groupContainer);
    // inserting placeholder element
    m_parentContainer.getElement().insertBefore(m_editingPlaceholder, m_groupContainer.getElement());
    m_editorWidget.add(m_groupContainer, m_editorId);
    Style style = m_groupContainer.getElement().getStyle();
    style.setPosition(Position.ABSOLUTE);
    style.setLeft(m_groupContainerPosition.getLeft(), Unit.PX);
    style.setTop(m_groupContainerPosition.getTop(), Unit.PX);
    style.setWidth(m_groupContainerPosition.getWidth(), Unit.PX);
    style.setZIndex(I_CmsLayoutBundle.INSTANCE.constants().css().zIndexGroupContainer());
    m_containerMarker.getStyle().setLeft(m_groupContainerPosition.getLeft() - 3, Unit.PX);
    m_containerMarker.getStyle().setTop(m_groupContainerPosition.getTop() - 4, Unit.PX);
    m_containerMarker.getStyle().setWidth(m_groupContainerPosition.getWidth() + 4, Unit.PX);
    m_containerMarker.getStyle().setHeight(m_groupContainerPosition.getHeight() + 4, Unit.PX);
    m_containerMarker.getStyle()
            .setBackgroundColor(CmsDomUtil.getEffectiveBackgroundColor(m_parentContainer.getElement()));
    m_groupContainer.getElementOptionBar().setVisible(false);
    m_groupContainer.getElementOptionBar()
            .removeStyleName(I_CmsToolbarButtonLayoutBundle.INSTANCE.toolbarButtonCss().cmsHovering());

    RootPanel.get().addStyleName(I_CmsLayoutBundle.INSTANCE.containerpageCss().groupcontainerEditing());
    addInputFields();
    m_editorDialog = new CmsPopup();
    addButtons();
    if (m_saveButton != null) {
        m_saveButton.disable(Messages.get().key(Messages.GUI_GROUPCONTAINER_LOADING_DATA_0));
    }
    m_editorDialog.setGlassEnabled(false);
    m_editorDialog.setModal(false);
    m_editorDialog.addDialogClose(new Command() {

        /**
         * @see com.google.gwt.user.client.Command#execute()
         */
        public void execute() {

            cancelEdit();
        }
    });
}