Custom CSS for buttons in Popup form

Title:

BI{code} ?

Hello, how custom css can assigned to OK/CANCEL buttons in form? For the form initialisation used this code: @(Html.Awe() .InitPopupForm() .Name("Delete") .Group(gridId) .Url(Url.Action("Delete")) .CancelText("Close") .OkText("Delete") //.UseDefaultButtons(false) //.Button("Delete", "deleteFaq") //.Button("Close", "closePopup") .Mod(o => o.Inline().ShowHeader(false)).Success("utils.refreshGrid('" + gridId + "')")) Form loaded later as nest popup. Thank you.

Save Changes Cancel

Vladimir Kerzhentsev

asked at 21 Dec 2021

Answers

• BI{code} ?

  ok button has the classes `awe-btn awe-okbtn o-pbtn` and cancel has `awe-btn awe-sbtn o-pbtn` (you can see that using chrome dev tools) so you could use custom css like this: .awe-okbtn { color: red; } you could also set `PopupClass("my1")` to the `InitPopupForm` so now you could do: .my1 .awe-okbtn { ...

  Save Changes Cancel

  

  Omu

  answered at 21 Dec 2021

  • Thank you: PopupClass("my1") - solved the task.
    at 22 Dec 2021 Vladimir Kerzhentsev

please Sign In to leave an answer