Stack Overflow
Stack Overflow

Questions tagged [x-editable]

x-editable enables in-place editing with Twitter Bootstrap, jQuery UI or pure jQuery.

x-editable enables in-place editing with Twitter Bootstrap, jQuery UI or pure jQuery.

This library allows you to create editable elements on your page. It can be used with any engine (bootstrap, jquery-ui, jquery only) and includes both popup and inline modes. It's new life of bootstrap-editable plugin that was strongly refactored and improved.

Github

772 questions
22
votes
1 answer

X - editable input editable on click on other element

I have an x-editable input, which I'm using to edit usernames. The default action of the element is when you click on itself, you can edit a value. But I want to enable click on the element's .editable and be able to edit the value inside my input.…
dzordz
  • 2,277
  • 13
  • 51
  • 74
22
votes
7 answers

x-editable - adjusting the width of input field

How do you adjust the input width of the popup it doesn't seem like there is any option for it in http://vitalets.github.io/x-editable/docs.html#text
Daniel
  • 34,125
  • 17
  • 102
  • 150
19
votes
3 answers

x-editable (twitter bootstrap): how to change the empty value?

I'm using the x-editable plug-in to have in-place edits and it works well. The following jsfiddle shows an example from their documentation: http://jsfiddle.net/ibrahima_yock/CFNXM/27/
Status:
I. YOCK
  • 305
  • 1
  • 3
  • 9
18
votes
0 answers

How to use x-editable with Bootstrap 3.5 and latest versions?

I am using Bootstrap 3.5, Select2 4.0 and X-editable 1.5.1. I am facing a lot of issues since x-editable is no longer maintained to suit Bootstrap 3.5 and Select2 4.0. I have problems in select2 (tags mode), using popovers to edit, etc. Is there any…
Vignesh T.V.
  • 1,790
  • 3
  • 27
  • 48
17
votes
1 answer

X-editable custom field type not respecting overridden defaults

I have a custom x-editable input type for entering a city and selecting a country that renders like so: Notice the buttons at the bottom; This is so because the initialization code contains showbuttons: 'bottom': $('#location').editable({ url:…
Hailwood
  • 89,623
  • 107
  • 270
  • 423
17
votes
4 answers

X-editable inline editing in Django - how to get CSRF protection?

I am trying to get X-Editable inline editing of a model in Django. I am simply trying to change attributes of a model instance (in this case, the name of a Dataset object). I am not sure how to write the view so that it correctly captures the…
Steve L
  • 1,704
  • 1
  • 20
  • 29
16
votes
5 answers

X-Editable and Bootstrap 4

Previously I have implemented inline editing with X-Editable and Bootstrap 3. With Bootstrap 4 it no longer seems to work. Check out the JsFiddle here. If I define a simple popup like this:
15
votes
5 answers

How to reset/clear all filters (select2, select, input) in the x-editable table?

I want to have a reset/clear button for all the filters in use, but I can't figure out what to fire off on on-click event tied to that button... for example: What would I have to fire off and/or attach & pass to what in order to reset all these…
Crazy Serb
  • 76,330
  • 8
  • 35
  • 47
15
votes
2 answers

X-Editable - How to do "Custom input, several fields"

I am playing around with x-editable and I am wondering how they do the last example in their demo page. http://vitalets.github.io/x-editable/demo-bs3.html?c=inline (Custom input, several fields) I can't find any thing that actually shows you the…
chobo2
  • 83,322
  • 195
  • 530
  • 832
13
votes
2 answers

x-editable ajax call does not process the designated url

Im using bootstrap with x-editable and im trying to get it working once the save button from x-editable is clicked the php file should be executed. Ive tried everything within my knowledge to fix this but im not a hardcore javascript programmer so…
TimM
  • 151
  • 1
  • 1
  • 7
12
votes
3 answers

ng-repeat with controller for each table row: how do I access x-editable form elements?

I setting up a scenario very similar to the Editable Row example from the x-editable demo site. In this scenario, a there is a simple table with three columns for data and a fourth for edit and delete buttons. A third button outside of the table…
Steve Wash
  • 986
  • 4
  • 23
  • 50
12
votes
2 answers

Issue in updating local model in angular xeditable

I am trying to create a form , where one text field value depends on another text box. With reference to angularjs, By default xeditable update local model after clicking save.But i would like to update the model instantly and show the updated value…
Pravin
  • 645
  • 3
  • 7
  • 21
12
votes
4 answers

How can I use x-editable and jquery validation plugin

How can i validate information using jquery validation plugin when using XEDITABLE for edit-in-place? This is my current non-validated x-editable field This is what i pretend
Lothre1
  • 3,523
  • 7
  • 43
  • 64
11
votes
2 answers

Customize the cancel code button of the X-editable (AngularJS)

Is that possible when the user add a new row and by clicking on the cancel button(without put any data), the row will be deleted. Otherwise how can I change the cancel button code, because this one use the default xeditable code of angularJS.(Or…
Mils
  • 388
  • 6
  • 22
11
votes
2 answers

x-editable popover not shown completely

I am using x-editable js. My x-editable popover is not shown completely. I think problem in z-index, I tried it on hyperlink but no luck.