Example of Overview in ASP.NET MVC In-place Editor Control
This sample demonstrates the default functionalities of the In-place Editor component. Click on the dotted input element to switch to the editable state and save or cancel it by clicking the actions buttons.
|
Mode
|
|
|
Editable On
|
|
|
Show Buttons
|
|
|
Disable
|
|
The In-place Editor component is used to edit values in place and update them to the server.
In-place Editor modes can be switched by selecting the appropriate values provided in a drop-down.
The applicable tooltip positions are as follows:
The edit on modes of In-place Editor can be switched by selecting the appropriate values provided in a
drop-down. The applicable modes are as follows:
- Click - The editor enables the edit mode while single clicking the textbox.
- DblClick - The editor enables the edit mode while double clicking the textbox.
- EditIconClick - Edit mode can be opened by using the edit icon which will be displayed only when you hover on the textbox.
The Save and Cancel buttons of the In-place Editor component can be shown or hidden by switching the Show Button check box
state. If the
action buttons are hidden, then you can save the data by clicking outside the target or by pressing the Enter key.
You can cancel the edit request by pressing the Esc key.
More information on the In-place Editor instantiation can be found in the
documentation section
opens in a new tab.