2022年5月21日 星期六

SC - form application - layout裡面的block不對齊

如果 form application 裡面 layout有多個 block,且其中有50%-50%的block,就會發生不對齊的狀況。

使用 chrome 的檢查,查看產出的 html碼,發現產生的 table 的 align='center',如果改為 'left'就可以對齊!應該是因為 center 的設定,對於不同 block 的寬度來說,就會不一樣了。尤其是 一個橫列中藥有兩個block,分別 50%-50%,他們的 寬度就會產生不一樣的情形!

改善:盡量不要使用一列有兩個以上的block的設計!以免自找麻煩!



由Chrome的檢查中,找到 自定義 的 Application Theme 中,修改 CSS

方法:Layout -> Application Theme -> CSS Editor -> Form -> Table -> Others -> Width: 將95%改為100%

這樣,就不會因為align='center',由於寬度不同標準,而產生無法對齊的情形



沒有留言:

張貼留言

如何判斷現在FORM是在 insert mode? 還是 update mode?

只要用  if (empty({primary_key})) 就可以知道是否為新增模式了。 如果 {promary_key} 是空白的,那麼就是在新增模式;反之,就是更新模式。 以上。