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

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

Introduction

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

Prototype

public void setWidth(double value, Unit unit) 

Source Link

Usage

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);//w  w  w.ja  v  a2  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   www. ja v a  2  s  . co 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.ade.containerpage.client.CmsContainerpageDNDController.java

License:Open Source License

/**
 * Sets styles of helper elements, appends the to the drop target and puts them into a drag info bean.<p>
 * /* w ww . j a  va2 s  .  co m*/
 * @param dragHelper the drag helper element
 * @param placeholder the placeholder element
 * @param target the drop target
 * @param handler the drag and drop handler
 */
private void prepareDragInfo(Element dragHelper, Element placeholder, I_CmsDropTarget target,
        CmsDNDHandler handler) {

    target.getElement().appendChild(dragHelper);
    // preparing helper styles
    int width = CmsDomUtil.getCurrentStyleInt(dragHelper, CmsDomUtil.Style.width);
    Style style = dragHelper.getStyle();
    style.setPosition(Position.ABSOLUTE);
    style.setMargin(0, Unit.PX);
    style.setWidth(width, Unit.PX);
    style.setZIndex(I_CmsLayoutBundle.INSTANCE.constants().css().zIndexDND());
    dragHelper.addClassName(I_CmsLayoutBundle.INSTANCE.dragdropCss().dragging());
    dragHelper.addClassName(org.opencms.gwt.client.ui.css.I_CmsLayoutBundle.INSTANCE.generalCss().shadow());
    if (!CmsDomUtil.hasBackgroundImage(dragHelper)) {
        dragHelper.getStyle().setBackgroundColor(CmsDomUtil.getEffectiveBackgroundColor(dragHelper));
    }
    if (!CmsDomUtil.hasBorder(dragHelper)) {
        dragHelper.addClassName(I_CmsLayoutBundle.INSTANCE.dragdropCss().dragElementBorder());
    }
    style.setDisplay(Display.NONE);

    String positioning = CmsDomUtil.getCurrentStyle(target.getElement(),
            org.opencms.gwt.client.util.CmsDomUtil.Style.position);
    // set target relative, if not absolute or fixed
    if (!Position.ABSOLUTE.getCssName().equals(positioning)
            && !Position.FIXED.getCssName().equals(positioning)) {
        target.getElement().getStyle().setPosition(Position.RELATIVE);
    }
    setMinHeight(target);
    m_dragInfos.put(target, new DragInfo(dragHelper, placeholder, width - 15, handler.getCursorOffsetY()));
    handler.addTarget(target);

    // adding drag handle
    Element button = DOM.createDiv();
    button.appendChild((new Image(I_CmsImageBundle.INSTANCE.icons().moveIconActive())).getElement());
    button.addClassName(I_CmsLayoutBundle.INSTANCE.dragdropCss().dragHandle());
    dragHelper.appendChild(button);
}

From source file:org.opencms.ade.containerpage.client.CmsContainerpageHandler.java

License:Open Source License

/**
 * Shows a page overlay preventing user actions.<p>
 *//* w ww.  j a v  a  2  s  .  com*/
public void showPageOverlay() {

    if (m_overlay == null) {
        m_overlay = new SimplePanel();
        m_overlay.setStyleName(I_CmsLayoutBundle.INSTANCE.dialogCss().popupOverlay());
        Style style = m_overlay.getElement().getStyle();
        style.setWidth(100, Unit.PCT);
        style.setHeight(100, Unit.PCT);
        style.setPosition(Position.FIXED);
    }
    RootPanel.get().add(m_overlay);
}

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

License:Open Source License

/**
 * Constructor.<p>//from ww w .j a v a2  s .  c  o  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.groupeditor.A_CmsGroupEditor.java

License:Open Source License

/**
 * Constructor.<p>//from  ww  w. j a  v a  2s. c o  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();
        }
    });
}

From source file:org.opencms.gwt.client.ui.CmsListItem.java

License:Open Source License

/**
 * @see org.opencms.gwt.client.dnd.I_CmsDraggable#getDragHelper(I_CmsDropTarget)
 *///from   w  w  w  .  j  a  v  a 2s.co m
public Element getDragHelper(I_CmsDropTarget target) {

    if (m_helper == null) {
        if (m_listItemWidget != null) {
            m_listItemWidget.setAdditionalInfoVisible(false);
            Iterator<Widget> buttonIterator = m_listItemWidget.getButtonPanel().iterator();
            while (buttonIterator.hasNext()) {
                Widget button = buttonIterator.next();
                if (button != m_moveHandle) {
                    button.getElement().getStyle().setVisibility(Visibility.HIDDEN);
                }
            }
        }
        m_helper = CmsDomUtil.clone(getElement());
        // remove all decorations
        List<com.google.gwt.dom.client.Element> elems = CmsDomUtil.getElementsByClass(
                I_CmsLayoutBundle.INSTANCE.floatDecoratedPanelCss().decorationBox(), CmsDomUtil.Tag.div,
                m_helper);
        for (com.google.gwt.dom.client.Element elem : elems) {
            elem.removeFromParent();
        }

        // we append the drag helper to the body to prevent any kind of issues 
        // (ie when the parent is styled with overflow:hidden)
        // and we put it additionally inside a absolute positioned provisional parent  
        // ON the original parent for the eventual animation when releasing 
        Element parentElement = getElement().getParentElement();
        if (parentElement == null) {
            parentElement = target.getElement();
        }
        int elementTop = getElement().getAbsoluteTop();
        int parentTop = parentElement.getAbsoluteTop();
        m_provisionalParent = DOM.createElement(parentElement.getTagName());
        RootPanel.getBodyElement().appendChild(m_provisionalParent);
        m_provisionalParent.addClassName(I_CmsLayoutBundle.INSTANCE.generalCss().clearStyles());
        m_provisionalParent.getStyle().setWidth(parentElement.getOffsetWidth(), Unit.PX);
        m_provisionalParent.appendChild(m_helper);
        Style style = m_helper.getStyle();
        style.setWidth(m_helper.getOffsetWidth(), Unit.PX);
        // the dragging class will set position absolute
        m_helper.addClassName(I_CmsLayoutBundle.INSTANCE.listItemWidgetCss().dragging());
        style.setTop(elementTop - parentTop, Unit.PX);
        m_provisionalParent.getStyle().setPosition(Position.ABSOLUTE);
        m_provisionalParent.getStyle().setTop(parentTop, Unit.PX);
        m_provisionalParent.getStyle().setLeft(parentElement.getAbsoluteLeft(), Unit.PX);
        m_provisionalParent.getStyle().setZIndex(I_CmsLayoutBundle.INSTANCE.constants().css().zIndexDND());

    }
    // ensure mouse out
    if (m_listItemWidget != null) {
        m_listItemWidget.forceMouseOut();
    }
    CmsDomUtil.ensureMouseOut(this);
    return m_helper;
}

From source file:org.opencms.gwt.client.ui.CmsPreviewDialog.java

License:Open Source License

/**
 * Initializes the preview content.<p>
 *
 * @param previewInfo the preview info/*  w  w  w  .jav a2  s  . c om*/
 */
private void initContent(CmsPreviewInfo previewInfo) {

    setSitePath(previewInfo.getSitePath());
    HTML content = new HTML();
    Style style = content.getElement().getStyle();
    int height = DIALOG_HEIGHT;
    int width = DIALOG_WIDTH;
    if (previewInfo.hasPreviewContent()) {
        content.setHTML(previewInfo.getPreviewContent());
        style.setOverflow(Overflow.AUTO);
        // try to measure dimensions
        width = DIALOG_PREVIEW_CONTENT_WIDTH;
        style.setWidth(width, Unit.PX);
        RootPanel.get().add(content);
        height = content.getOffsetHeight();
    } else {
        content.setHTML(
                "<iframe src=\"" + previewInfo.getPreviewUrl() + "\" style=\"height:100%; width:100%;\" />");
    }
    if (previewInfo.hasDimensions()) {
        height = previewInfo.getHeight();
        width = previewInfo.getWidth();
    }
    // check if window is big enough for requested dimensions
    int availableHeight = Window.getClientHeight() - 200;
    if (height > availableHeight) {
        height = availableHeight;
    }
    int availableWidth = Window.getClientWidth() - 50;
    if (width > availableWidth) {
        width = availableWidth;
    }
    style.setHeight(height, Unit.PX);
    style.setWidth(width, Unit.PX);
    setWidth(width + 12);
    setMainContent(content);
}

From source file:org.opencms.gwt.client.ui.CmsPreviewDialog.java

License:Open Source License

/**
 * Initializes the locale selector if needed.<p>
 *
 * @param previewInfo the preview info//  ww w. j  av a 2 s  .  c o  m
 */
private void initLocales(CmsPreviewInfo previewInfo) {

    if (m_localeSelect != null) {
        removeButton(m_localeSelect);
        m_localeSelect = null;
    }
    if (previewInfo.hasAdditionalLocales()) {
        m_localeSelect = new CmsSelectBox(previewInfo.getLocales());
        m_localeSelect.setFormValueAsString(previewInfo.getLocale());
        m_localeSelect.addValueChangeHandler(new ValueChangeHandler<String>() {

            public void onValueChange(ValueChangeEvent<String> event) {

                loadOtherLocale(event.getValue());
            }
        });
        Style style = m_localeSelect.getElement().getStyle();
        style.setWidth(SELECTBOX_WIDTH, Unit.PX);
        style.setFloat(com.google.gwt.dom.client.Style.Float.LEFT);
        style.setMargin(0, Unit.PX);
        m_localeSelect.truncate(TRUNCATION_PREFIX, SELECTBOX_WIDTH - 20);
        addButton(m_localeSelect);

    }
}

From source file:org.opencms.gwt.client.util.CmsDebugLog.java

License:Open Source License

/**
 * Constructor.<p>/*from  w  ww .  j  a v a  2 s  .co m*/
 */
@SuppressWarnings("unused")
private CmsDebugLog() {

    if (!DEBUG) {
        return;
    }
    m_html = new HTML();
    initWidget(m_html);
    Style style = getElement().getStyle();
    style.setWidth(200, Unit.PX);
    style.setHeight(500, Unit.PX);
    style.setPadding(10, Unit.PX);
    style.setOverflow(Overflow.AUTO);
    style.setBorderStyle(BorderStyle.SOLID);
    style.setBorderColor(I_CmsLayoutBundle.INSTANCE.constants().css().borderColor());
    style.setBorderWidth(1, Unit.PX);
    style.setPosition(Position.FIXED);
    style.setTop(50, Unit.PX);
    style.setRight(50, Unit.PX);
    style.setBackgroundColor(I_CmsLayoutBundle.INSTANCE.constants().css().backgroundColorDialog());
    style.setZIndex(10);
}