我面臨着嘗試將水平佈局設置爲Vaadin的LoginForm的問題。我有一個想法的唯一解決方案是重寫getLoginHTML()類,以便它返回正確的代碼。 我添加了style =「float:left」,它爲我在正常的html中工作。Vaadin LoginForm佈局 - HTML
的代碼更改的部分看起來像這樣:
(...) + "<div class='v-app v-app-loginpage' style=\"background:transparent;\">"
+ "<iframe name='logintarget' style='width:0;height:0;"
+ "border:0;margin:0;padding:0'></iframe>"
+ "<form id='loginf' target='logintarget' onkeypress=\"submitOnEnter(event)\" method=\"post\">"
+ "<div style=\"float: left;\">"
+ getUsernameCaption()
+ "</div><div style=\"float: left;\">"
+ "<input class='v-textfield' style=\"float: left;\" type='text' name='username'></div>"
+ "<div style=\"float: left;\">"
+ getPasswordCaption()
+ "</div>"
+ "<div style=\"float: left;\"><input class='v-textfield' style='display:inline; float:left;' type='password' name='password'></div>"
+ (...)
而且以一種不可思議的方式表現 - UserField和PasswordLabel是在同一條直線 - 所有其他人都在一個單獨的線。因此,它看起來像這樣:
UsernameLabel
UserField PasswordLabel
PasswordField
按鈕
正如我所說,我想它是水平algined ...任何想法?
嗯,你可以放置有一張桌子 - 左側所有標題右側的所有領域? –