如何居中對齊editgridrow彈出屏幕上的提交和取消按鈕

我正在使用jqgrids editgridrow函數添加/編輯記錄。如何將彈出窗口上的提交和取消按鈕置於居中以及如何縮小字體大小彈出窗口中的標籤。我無法找到一種方法來做到這一點，因爲沒有內置的屬性，我不打算使用自定義對話框。有誰知道解決方法？如何居中對齊editgridrow彈出屏幕上的提交和取消按鈕

感謝，梅豔芳

來源

2013-12-10 Anita

如果你不使用的jqGrid direction: "rtl"選項，然後CSS

.ui-jqdialog-content td.EditButton { text-align: center }

的使用應該解決的問題。見the demo其中顯示

enter image description here

我不明白你爲什麼要降低標籤的字體大小。 jqGrid默認使用的字體在我的口味上已經非常小。儘管如此，CSS樣式如

.ui-jqdialog .ui-jqdialog-content .CaptionTD { font-size: 8px }

可以使用。見the next demo爲您回覆它顯示

enter image description here

來源

2013-12-10 12:35:37 Oleg

感謝。 font-size問題已解決，但我無法使用此CSS將按鈕設置爲中心。我想這一定是因爲我使用editGridRow來打開添加/編輯對話框 – Anita

@Anita：你好！我的演示代碼使用'navGrid'，它在內部使用'editGridRow'。所以它應該工作。我想你把'.ui-jqdialog-content td.EditButton {text-align：center}'放在錯誤的地方。你應該把它放在**「ui.jqgrid.css」之後，或者你必須使用更長的CSS選擇器，比如'.ui-jqdialog .ui-jqdialog-content td.EditButton {text-align：center}' '.ui-jqdialog-content td.EditButton {text-align：center}' – Oleg

它的工作！只使用了長的CSS選擇器，並像一個魅力工作.. :) :)非常感謝:) – Anita

如何居中對齊editgridrow彈出屏幕上的提交和取消按鈕

回答

相關問題