[Resolved] Frontend Form: Media Button not working with UNCODE Theme but with Twenty Twelve

[Author]

Posts

[ericS-19]

Hello,

I am building a directory website with UNCODE and Toolset. Registered users can update their profiles or submitted projects with Toolsets frontend (CRED) forms.

However, the "upload media buttons" on these forms do not work with UNCODE. Is switched to the Twenty Twelve theme and it worked without problems.

With UNCODE, the console in Firefox says:

Uncaught TypeError: wp.media is undefined
setParentId hidden link
manageInputSelectorClick hidden link
initEvents hidden link

Can you maybe help me here?

Best regards,
Eric

Attachements:

– Working button in the same website with Twenty Twelve theme active
– Console message with UNCODE

[Mateus Getulio]

Hello there,

Thanks for your reply.

As a quick test, could you please try to remove the Toolset plugins and reinstall them? Ensuring to have the latest versions installed.

Another valid test would be to change your Bootstrap option in the Toolset -> Setting -> Bootstrap loading section. There, just select different options and check if they will produce the same results.

Please keep us posted. Thank you.

Kind regards,
Mateus.

[ericS-19]

Hello Mateus,

thank you for your reply. I removed all the Toolset plugins completely and reinstalled them. No change in the button's behavior.

Same for the Bootstrap settings: I changed from "no Bootstrap" to all other options and checked the buttons, but no change.

One little observation: After reinstalling the Toolset plugins the file referenced in the Firefox console now is "cred_media_manager ...js" (before it was "media_manager ...js") – see attached screenshot.

Best,
Eric

[ericS-19]

Addition to my last remark:

The different file referenced in the Firefox console ("cred_media_manager ...js" instead of "media_manager.js") must have appeared due to a JS-file-merge-test I did with "Asset Cleanup Pro" shortly before your message.

After I took those file-merge-settings off again there is the reference to "media_manager.js" back in the Firefox console.

[Mateus Getulio]

Hello,

I would like to request temporary access (wp-admin and FTP) to your site to take better look at the issue. You will find the needed fields for this below the comment area when you log in to leave your next reply. The information you will enter is private which means only you and I can see and have access to it.

Our Debugging Procedures

I will be checking various settings in the backend to see if the issue can be resolved. Although I won't be making changes that affect the live site, it is still good practice to backup the site before providing us access. In the event that we do need to debug the site further, I will duplicate the site and work in a separate, local development environment to avoid affecting the live site.

Privacy and Security Policy

We have strict policies regarding privacy and access to your information. Please see:
https://toolset.com/privacy-policy-and-gdpr-compliance/#data-shared-with-our-support
**IMPORTANT**

- Please make a backup of site files and database before providing us access.
- If you do not see the wp-admin/FTP fields this means your post & website login details will be made PUBLIC. DO NOT post your website details unless you see the required wp-admin/FTP fields. If you do not, please ask me to enable the private box. The private box looks like this: hidden link

Please, let me know if you need any additional details. Have a nice day.

[Mateus Getulio]

Hi there,

Thank you for providing the credentials.

We're trying to replicate the issue on this clean install: hidden link, but with no luck so far.

In this page you'll find a form with an 'upload media' button: hidden link, and t works just fine (even with Uncode enabled).

Are we missing some fundamental steps in order to reproduce it properly? Perhaps some style and general configurations in the theme options?

Could you please enter the Sandbox dashboard using the automatic login link above and let us know if there is something more to do? You can even add your customization one by one and check when the problem will trigger.

Looking forward to your reply. Thank you.

[ericS-19]

Hello Mateus,

thank you for your investigation and for setting up the sandbox environnement.

I made a lot of tests, cleaned my site further more, cleaned the database, re-installed the theme etc. Then I compared my installation to yours in detail.

As I checked every setting of the UNCODE theme one by one I found out that a single setting to "Disable MediaElement Player" in the "Performance"-Tab of the "Theme Options" caused the script conflict (see hidden link and the attached screenshot).

When this setting is "ON", even in your sandbox installation, the upload media button isn't working any more.

So thanks again for your help and have a nice day!

Best regards,
Eric

[ericS-19]

🙋‍♂️