[Gelöst] cred edit form is not opening in the right way

[Author]

Artikel

[Dido]

on a page, for instance versteckter Link I have a button to edit the post. (edit-button)
see image attached (edit-form). You can only see this when logged in. When I click on the button, I expect this form is opening in a pop-up, but instead, it is opening in the content div.

Mind this:
On another custom post, antiquair, the form is appearing in the right way. See image attached. (form-right)
for instance versteckter Link

I want to have this the same. How can I change this?

[Luo Yang]

Hello,

I have checked the URL you mentioned above, but don't see the edit button,

How do you setup the edit form and popup? With custom JS codes?
I suggest you try to follow our document to setup the edit form link:
https://toolset.com/course-lesson/front-end-forms-for-editing-content/

[Dido]

Hi,

I sent you screenshots, because you only can see this when logged-in.
For now, I can set this on public.

I used the same code on the 2 templates (Avada) for the 2 CPT's.
my code is:

[cred_link_form form="26121" class="button-default fusion-button-default-size aanpas" form_name="Artikel aanpassen" text="Bewerk dit artikel" target="_self"]

[Luo Yang]

In the screenshot you provided above:
https://toolset.com/wp-content/uploads/2022/08/2434313-edit_form.jpg
The HTML container DIV tag does not have enough width to display the buttons, so it conducts unexpected result.

Please follow the document I mentioned above to setup content template + edit post form link:
https://toolset.com/course-lesson/front-end-forms-for-editing-content/

[Dido]

Hi Luo,

It is not that I don't know how to do it, but it appears not how I expected.
I tried many things, but the form seems stucked in the div where it apears now. I want it to work like here:
versteckter Link (you can try).
There is something differtent but I can't find out what.

The problem of not having enough width is not important, because when the form appears in an overlay, that problem doesn't exist.

[Luo Yang]

You did not follow our document to setup the content template and editing post link, the correct edit post link should be [toolset-edit-post-link], see our document:
https://toolset.com/documentation/programmer-reference/forms/cred-shortcodes/#toolset-edit-post-link

More help:
https://toolset.com/course-lesson/front-end-forms-for-editing-content/

[Dido]

Hi Luo,

I changed my code to:
[cred_link_form form="26121" form_name="Artikel aanpassen" text="Artikel aanpassen" class="fusion-lightbox button-default fusion-button-default-size aanpas" target="_self"]

But the form is still stucked in a div 🙁

[Luo Yang]

Did you follow our document to setup the content template and display the editing post form?
https://toolset.com/course-lesson/front-end-forms-for-editing-content/

Can you check the compatibility issue in your website:
1) Deactivate all other plugins, switch to WordPress default theme 2022, and test again?
2) If the problem is fixed, activate other plugins/theme one by one, try to locate the problem plugin

[Dido]

Hi, I made this video versteckter Link

I followed your steps, but did not come to an answer.

[Luo Yang]

Please provide a test site with the same problem, fill below private message box with login details, I need to test and debug it in a live website, thanks

[Luo Yang]

Thanks for the details, I can login into your website.

It is a compatibility issue with the Avada page builder, I have tried these in your website:
1) Create a content template "Edit Antiquair post":
versteckter Link
Display the form shortcode:
[cred_form form='artikel-aanpassen']

2) Edit one of Antiquair post:
versteckter Link
Display the editing form link shortcode:
[toolset-edit-post-link content_template_slug='edit-antiquair-post' target='self']Edit[/toolset-edit-post-link]

Test it in frontend:
versteckter Link
It does not output the editing form link at all.

It seems the Avada page builder overrides the all outputs in frontend, it can not output the post content.
According to our document:
https://toolset.com/course-lesson/using-toolset-with-avada/

Please note that the integration between Toolset and Avada theme is currently not fully working. The Avada theme settings you select for Toolset templates (e.g. disable featured image, hide sidebar, etc.) are not applied on the front-end.

I suggest you try these:
1) Follow our document to design the single "Antiquair" post with Toolset content template:
https://toolset.com/course-lesson/creating-templates-to-display-custom-posts/

2) Then use same steps to display the editing post form.

[Dido]

My issue is resolved now. Thank you!