2013-12-12 160 views
2

我有一个FormLayout,我正在向VerticalSplit Panel注入,而我无法居中“TOMCAR”文本。我试过设置UndefinedSize并以HTML为中心,但没有运气。Vaadin标签对齐

我的代码:

HorizontalSplitPanel panel = new HorizontalSplitPanel(); 
    VerticalSplitPanel vpanel = new VerticalSplitPanel(); 
    FormLayout leftLayout = new FormLayout(); 
    FormLayout rightLayout = new FormLayout(); 

    Label enter = new Label(); 
    enter.setContentMode(ContentMode.HTML); 
    enter.setValue("<br></br>"); 

    panel.setWidth(Page.getCurrent().getBrowserWindowWidth(), Sizeable.Unit.PIXELS); 
    panel.setSplitPosition((Page.getCurrent().getBrowserWindowWidth())/8, Sizeable.Unit.PIXELS); 
    panel.setLocked(true); 
    panel.setHeight(Page.getCurrent().getBrowserWindowHeight(), Sizeable.Unit.PIXELS); 

    viewBZ.setWidth("70%"); 
    leftLayout.addComponent(viewBZ); 
    leftLayout.addComponent(configureAccount); 

    for (int i = 0; i < 5; i++) { 
     leftLayout.addComponent(enter); 
    } 

    leftLayout.addComponent(adminContact); 

    for (int i = 0; i < 10; i++) { 
     leftLayout.addComponent(enter); 
    } 
    leftLayout.addComponent(logout); 

    panel.addComponent(leftLayout); 

    content.addValueChangeListener(content); 

    vpanel.setHeight((Page.getCurrent().getBrowserWindowHeight())/8, Sizeable.Unit.PIXELS); 
    vpanel.setWidth((Page.getCurrent().getBrowserWindowWidth()) - (Page.getCurrent().getBrowserWindowWidth()/8) - 8, Sizeable.Unit.PIXELS); 
    vpanel.setLocked(true); 

    Label label = new Label(); 
    label.setWidth(null); 


    label.setValue("<center>TOMCAR</center>"); 

    rightLayout.setMargin(false); 
    rightLayout.setWidth(vpanel.getWidth() - panel.getWidth(), Sizeable.Unit.PIXELS); 
    rightLayout.setHeight((Page.getCurrent().getBrowserWindowHeight())/100, Sizeable.Unit.PIXELS); 


    rightLayout.addComponent(label); 
    rightLayout.setExpandRatio(label, 1.0f); 
    rightLayout.setComponentAlignment(label, Alignment.MIDDLE_RIGHT); 

    vpanel.addComponent(rightLayout); 

    vpanel.addComponent(content); 
    panel.addComponent(vpanel); 

    CssLayout css = new CssLayout(panel); 

    setCompositionRoot(css); 

第二件事情是不是一个优先事项,但这些都进入妥善解决向下设置按钮?也许有另一种方法来做到这一点?

谢谢:)

+0

代码太多,没看过。把它降低到绝对最低限度来展示你的问题。请参阅:[如何创建最小,完整和可验证示例](http://stackoverflow.com/help/mcve) –

回答

2

您可以使用CSS来对齐中心。

使用label.setStyleName("center")

// add this in your scss 
.center { 
    text-align: center; 
}