# Knack inline edit textfield

**URL:** <https://forums.knack.com/t/knack-inline-edit-textfield/6698>\
**Category:** Get Answers\
**Created:** [July 17, 2019, 1:09pm UTC](https://forums.knack.com/t/knack-inline-edit-textfield/6698 "2019-07-17T13:09:15Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![KimAlvinLa84233](https://sea2.discourse-cdn.com/flex020/user_avatar/forums.knack.com/kimalvinla84233/32/236_2.png) [@KimAlvinLa84233](https://forums.knack.com/u/KimAlvinLa84233)\
**Post date:** [July 17, 2019, 1:09pm UTC](https://forums.knack.com/t/knack-inline-edit-textfield/6698/1 "2019-07-17T13:09:15Z")

</div>

Is there a way to override via Knack's JS the behavior of the inline editor? Currently it's a popup, I want it to display a textfield in the cell instead.

I can't currently find a way to override the click event of an inline editable cell. If that were possible, i could

1. Instead of displaying the popup, i'll skip that and create a textfield element and add it to the current \<td\> that the user clicked

2. When it loses focus, or when the user press the enter key, it will automatically save, removing the textfield, since i have access to the db field that the user clicked and the row id associated with that field, i can call the knac object api to save the value in the textfield and refresh the view via Knack.views.{view\_id}.model.fetch() call.

Thanks and keep on knacking :)

---

<div class="post-metadata">

**Author:** ![StephenChapman](https://sea2.discourse-cdn.com/flex020/user_avatar/forums.knack.com/stephenchapman/32/1759_2.png) [@StephenChapman](https://forums.knack.com/u/StephenChapman)\
**Post date:** [July 19, 2019, 5:25am UTC](https://forums.knack.com/t/knack-inline-edit-textfield/6698/2 "2019-07-19T05:25:42Z")

</div>

Care to share? Sounds interesting!

---

<div class="post-metadata">

**Author:** ![KimAlvinLa84233](https://sea2.discourse-cdn.com/flex020/user_avatar/forums.knack.com/kimalvinla84233/32/236_2.png) [@KimAlvinLa84233](https://forums.knack.com/u/KimAlvinLa84233)\
**Post date:** [July 18, 2019, 11:26am UTC](https://forums.knack.com/t/knack-inline-edit-textfield/6698/3 "2019-07-18T11:26:04Z")

</div>

so here's how i did it.

$(document).on('knack-view-render.view\_xxxx', function(event, view, data) {

$(".cell-edit").on('click', function(e){

//this blocks the inline edit click event

e.stopPropagation();

e.stopImmediatePropagation();

//it will execute the code here instead. get creative.

});

});

---

<div class="post-metadata">

**Author:** ![KimAlvinLa84233](https://sea2.discourse-cdn.com/flex020/user_avatar/forums.knack.com/kimalvinla84233/32/236_2.png) [@KimAlvinLa84233](https://forums.knack.com/u/KimAlvinLa84233)\
**Post date:** [July 17, 2019, 1:44pm UTC](https://forums.knack.com/t/knack-inline-edit-textfield/6698/4 "2019-07-17T13:44:32Z")

</div>

nvm, i figured out how to override the inline click event.

---

<div class="post-metadata">

**Author:** ![ZapBaum60976](https://avatars.discourse-cdn.com/v4/letter/z/8dc957/32.png) [@ZapBaum60976](https://forums.knack.com/u/ZapBaum60976)\
**Post date:** [January 19, 2022, 8:16pm UTC](https://forums.knack.com/t/knack-inline-edit-textfield/6698/5 "2022-01-19T20:16:51Z")

</div>

Hi Kim,

I’ve been playing around with this, but I can not make it work. Do you mind sharing one of your complete examples with me?

Thanks!