Using Inline Entity Form 7.x-1.5 and Bootstrap 3.0 with BootstrapCDN version 3.0.2 and Cerulean

When adding an inline multifield entity refecence field to a content, the is no problem upon creation on a new content and referenced content.

But when trying to edit it, here comes the trouble.

If I click on a first button like "edit" nothing happens

But if I then click antoher button like "add new node" then both form shows : the edit form that should have shown on first click and the new node form.

Once I've unblock the situation by clicking on 2 differents buttons, everything is working like a charm as long as I stay on the page. If I reload it, I have to click again on 2 different buttons to make it work correctly....

Weird...

Thanks for help

Solved : the jQuery version for administrative page was not upgrade to 1.9+

CommentFileSizeAuthor
#7 JS console_click_on_remove_then_addnewnode.JPG150.84 KBthibaut51
#7 JS console_click_on_remove.JPG121.5 KBthibaut51
#7 JS console_click_on_edit_then_addnewnode.JPG92.94 KBthibaut51
#7 JS console_click_on_edit.JPG81.78 KBthibaut51
#7 JS console_on_page_load.JPG65.97 KBthibaut51
Support from Acquia helps fund testing for Drupal Acquia logo

Comments

thibaut51’s picture

thibaut51 CreditAttribution: thibaut51 commented
Issue summary: View changes
markhalliwell’s picture

markhalliwell
Primary language English
CreditAttribution: markhalliwell at Tag1 Consulting commented
Status: Active » Closed (duplicate)

This has more than likely been fixed in the latest dev code. Marking as a duplicate as there are many issues I have fixed regarding similar things. Please try the dev and let me know if that fixed it, if not re-open.

thibaut51’s picture

thibaut51 CreditAttribution: thibaut51 commented

Hello,
I just tried with the last dev version bootstrap 7.x-3.1-beta2+56-dev / jsDelivr 3.0.2 / Bootstrap Theme

Same weird buttons....

Case 1) Clicking in this Order : edit (refresh arrows showing but then nothing happens) --> remove (refresh arrows showing but then nothing happens) --> add new node (the existing node update form AND the new node form show up)

Case 2) Clicking in this Order : add new node (refresh arrows showing but then nothing happens) --> edit (the existing update node form AND the new node form show up)

Case 3) Clicking in this Order : add new node (refresh arrows showing but then nothing happens) --> remove (the existing node delete form AND the new node form show up)

Case 4) Clicking in this Order : remove (refresh arrows showing and then existing node delete form shows up) --> either Remove confirmation or cancel (the existing node delete form disapear and the content stay/disapera upon choice) --> add new node refresh arrows showing but then nothing happens)

Case 5) Clicking in this Order : remove (refresh arrows showing and then existing node delete form shows up) --> add new node refresh arrows showing but then nothing happens) --> either Remove confirmation or cancel (the existing node delete form disapear, the content stay/disapera upon choice and the new node form appears)

Case 6) Clicking in this Order : edit (refresh arrows showing but then nothing happens) --> add new node (the existing node update form AND the new node form show up)

Thanks

thibaut51’s picture

thibaut51 CreditAttribution: thibaut51 commented
Status: Closed (duplicate) » Active
thibaut51’s picture

thibaut51 CreditAttribution: thibaut51 commented
Version: 7.x-3.0 » 7.x-3.x-dev
markhalliwell’s picture

markhalliwell
Primary language English
CreditAttribution: markhalliwell at Tag1 Consulting commented
Status: Active » Postponed (maintainer needs more info)
Related issues: +#2462645: Create @BootstrapPlugin for "bootstrap-anchor"

Ah, sorry... I forgot I didn't actually commit many fixes for the anchor stuff yet.

It's also possible that it's related to this issue. Try disabling the checkboxes in the "JavaScript > Anchors" theme settings section of your [sub-]theme.

If that isn't it, is there any errors/warnings in the JS console?

thibaut51’s picture

thibaut51 CreditAttribution: thibaut51 commented
FileSize
JS console_on_page_load.JPG65.97 KB
JS console_click_on_edit.JPG81.78 KB
JS console_click_on_edit_then_addnewnode.JPG92.94 KB
JS console_click_on_remove.JPG121.5 KB
JS console_click_on_remove_then_addnewnode.JPG150.84 KB

So I've disabled the checkboxes in the "JavaScript > Anchors" theme settings section of my [sub-]theme,
Cache has been cleared twice

But that wasn't it... So sad :-(

I've attached the JS console errors

Thanks

markhalliwell’s picture

markhalliwell
Primary language English
CreditAttribution: markhalliwell at Tag1 Consulting commented
Status: Postponed (maintainer needs more info) » Closed (works as designed)

You must enable a minimum of jQuery 1.9+ for Bootstrap 3 (as stated on the project page). You can use the jQuery Update module to do this. If you already have this enabled, ensure that your theme jQuery version is configured properly (the admin theme jQuery version too).

thibaut51’s picture

thibaut51 CreditAttribution: thibaut51 commented

You ROCK !

the admin theme jQuery was not 1.9, only the defaulf one.

Thanks a lot !
I close the issue

thibaut51’s picture

thibaut51 CreditAttribution: thibaut51 commented
Issue summary: View changes