установка горизонтальной панели на панель компоновки MGWT точно по центру без учета ширины устройства

Я разрабатываю приложение с помощью mgwt. У меня есть горизонтальная панель, на которую добавлены две кнопки mgwt. Панель макета MGWT является родительской (т.е. asWidget() возвращает layoutPanel). Теперь я хочу, чтобы моя панель hPanel располагалась точно по центру панели макета. Я больше не хочу читать ширину устройства и использовать поля. Я хочу сделать это с помощью стилей. Я сделал, как показано ниже. Но не удалось. мой текущий результат: hPanleButtons отображается в левой части окна, но не в центре.

    DOM.setStyleAttribute(hPanelButtons.getElement(), "cssAlign", "center");
    DOM.setStyleAttribute(hPanelButtons.getElement(), "styleAlign", "center");
    DOM.setStyleAttribute(layoutPanel.getElement(), "cssAlign", "center");
    DOM.setStyleAttribute(layoutPanel.getElement(), "styleAlign", "center"); 
hPanelButtons.getElement().setAttribute("style", "align:center");

Я пытался использовать все вышеперечисленное по отдельности, но бесполезно. Пожалуйста помоги мне с этим. Заранее спасибо.


alignment gwt mgwt
person Arun Kumar Mudraboyina    schedule 25.09.2013    source источник

Ответы (1)


arrow_upward
0
arrow_downward

наконец, я достиг своей цели. Я публикую ответ, чтобы он был полезен людям, которые сталкиваются с тем же требованием. Для этого я использовал атрибуты стиля DOM. Вот мой код:

DOM.setStyleAttribute(hPanelButtons.getElement(), "marginLeft", "auto");
DOM.setStyleAttribute(hPanelButtons.getElement(), "marginRight", "auto");
DOM.setStyleAttribute(hPanelButtons.getElement(), "marginTop", "auto");
DOM.setStyleAttribute(hPanelButtons.getElement(), "marginBottom", "auto");

работает нормально.

person Arun Kumar Mudraboyina    schedule 01.10.2013