[Solved] Grid Edit Pop up - showing more fields and adding buttons

[Erwin]

I would like to ask if the grid pop up edit is customizable??

I have a grid with Information about people. I have columns like Name and Address, contact number and at the end a check box.
I would that when i click edit, a pop-up would show with the following fields

Mr/Ms: (combo box with the items "Mr." "Ms." "Miss" )
First name: (text box )
MI : (text box)
Last name: (text box)
Address: (text box)
Contact Number: (textbox)

note: I don't want to display the checkbox in the pop up since the checkbox in the grid is editable, the first fields are for the column "Name"

I also want to know if i can add buttons in pop up like delete or clear button since most of the examples shown here does not really show how the pop up was formatted. I would appreciate if you could give me a sample

thanks
Erwin

[Shinu]

Hello Erwin,

You can use a FormTemplate, where in you can replace the auto generated column editors with custom controls. Check out the following demo and help link given below respectively to achieve the required:
PopUp Edit Form
Custom edit forms

Thanks
Shinu.

[Erwin]

thanks for the link

I have another question:

when I click the edit, the pop up shows.
when I click add new the same pop up show.

my idea is to have 2 div in the FormTemplate (one for the edit and one for the add new) where i will Hide and Show it in the java script.

how can i trap this so that i will know that the user will press edit or add new.
What event will capture whether user will press edit or add new.
 
i need hep on how to know which button the user pressed...

[Erwin]

by the way I'm making my own buttons for update and cancel that is located in the lower part of the pop up
I've notice that when i click update or cancel the page loads and the pop up was not closed...