List of usage examples for com.google.gwt.dom.client Style setWidth
public void setWidth(double value, Unit unit)
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); }