Site is Joomla 3.8.12 and all extensions are up to date.
Install of newly purchased Unite Slider 5.0.14 to replace v 4.6 looked ok. Front end display fine. Back end seemed fine until attempted to edit slides.
We cannot see or edit layers in existing slides and we have the following console error only on the slide editor pages.
Can you advise on next steps for debugging?
Uncaught TypeError: Cannot read property 'farbtastic' of undefined at Function.jQuery.farbtastic (my-farbtastic.js?rev=5.0.4:27) at initColorPicker (settings.js?rev=5.0.4:150) at init (settings.js?rev=5.0.4:316) at HTMLDocument.<anonymous> (settings.js?rev=5.0.4:359) at i (jquery.min.js?da19cf8282834f8b1d7468bc743e39ea:2) at Object.fireWith [as resolveWith] (jquery.min.js?da19cf8282834f8b1d7468bc743e39ea:2) at Function.ready (jquery.min.js?da19cf8282834f8b1d7468bc743e39ea:2) at HTMLDocument.K (jquery.min.js?da19cf8282834f8b1d7468bc743e39ea:2) jQuery.farbtastic @ my-farbtastic.js?rev=5.0.4:27 initColorPicker @ settings.js?rev=5.0.4:150 init @ settings.js?rev=5.0.4:316 (anonymous) @ settings.js?rev=5.0.4:359 i @ jquery.min.js?da19cf8282834f8b1d7468bc743e39ea:2 fireWith @ jquery.min.js?da19cf8282834f8b1d7468bc743e39ea:2 ready @ jquery.min.js?da19cf8282834f8b1d7468bc743e39ea:2 K @ jquery.min.js?da19cf8282834f8b1d7468bc743e39ea:2
please open each slider configuration and just save it without making any changes. That should fix the issue with the slides and you will be able to edit them again
Thank you for the reply. The save button seems to have no effect probably due to the JS error I mentioned.
Uncaught TypeError: Cannot read property 'farbtastic' of undefined at Function.jQuery.farbtastic (my-farbtastic.js?rev=5.0.4:27) at initColorPicker (settings.js?rev=5.0.4:150) at init (settings.js?rev=5.0.4:316) at HTMLDocument.<anonymous> (settings.js?rev=5.0.4:359) at i (jquery.min.js?da19cf8282834f8b1d7468bc743e39ea:2) at Object.fireWith [as resolveWith] (jquery.min.js?da19cf8282834f8b1d7468bc743e39ea:2) at Function.ready (jquery.min.js?da19cf8282834f8b1d7468bc743e39ea:2) at HTMLDocument.K (jquery.min.js?da19cf8282834f8b1d7468bc743e39ea:2)
Client has one further question. They have large numbers of slides in each slider. Attaching pics of the UI she has asked about.
In 4.6 all links for slides in slider could be seen on editor page. In 5.0.14 all the LI elements are present but once group wraps for second row none are visible.
I played a bit with the CSS via the developer panel but did not immediately see but container height and overflow values do not seem to be the issue.
Thank you for the reply. I don't know if you logged into Joomla but we have a great many more slides than two rows. I'm attaching a screenshot using the CSS you suggested but with 300 px as the height.
I don't think the site owner will accept this as a solution but I will discuss with them.
I am waiting to hear back from client. I ended up also setting a height and overflow-y on the UL and in this way the many rows of links can be accessed.
Hello,
Site is Joomla 3.8.12 and all extensions are up to date.
Install of newly purchased Unite Slider 5.0.14 to replace v 4.6 looked ok. Front end display fine. Back end seemed fine until attempted to edit slides.
We cannot see or edit layers in existing slides and we have the following console error only on the slide editor pages.
Can you advise on next steps for debugging?
Uncaught TypeError: Cannot read property 'farbtastic' of undefined
at Function.jQuery.farbtastic (my-farbtastic.js?rev=5.0.4:27)
at initColorPicker (settings.js?rev=5.0.4:150)
at init (settings.js?rev=5.0.4:316)
at HTMLDocument.<anonymous> (settings.js?rev=5.0.4:359)
at i (jquery.min.js?da19cf8282834f8b1d7468bc743e39ea:2)
at Object.fireWith [as resolveWith] (jquery.min.js?da19cf8282834f8b1d7468bc743e39ea:2)
at Function.ready (jquery.min.js?da19cf8282834f8b1d7468bc743e39ea:2)
at HTMLDocument.K (jquery.min.js?da19cf8282834f8b1d7468bc743e39ea:2)
jQuery.farbtastic @ my-farbtastic.js?rev=5.0.4:27
initColorPicker @ settings.js?rev=5.0.4:150
init @ settings.js?rev=5.0.4:316
(anonymous) @ settings.js?rev=5.0.4:359
i @ jquery.min.js?da19cf8282834f8b1d7468bc743e39ea:2
fireWith @ jquery.min.js?da19cf8282834f8b1d7468bc743e39ea:2
ready @ jquery.min.js?da19cf8282834f8b1d7468bc743e39ea:2
K @ jquery.min.js?da19cf8282834f8b1d7468bc743e39ea:2
Note that install of 5.0.14 is not on live site but on private sandbox. Can get you access if needed.
Hi,
please open each slider configuration and just save it without making any changes. That should fix the issue with the slides and you will be able to edit them again
Regards,
Igor
Thank you for the reply. The save button seems to have no effect probably due to the JS error I mentioned.
Uncaught TypeError: Cannot read property 'farbtastic' of undefined
at Function.jQuery.farbtastic (my-farbtastic.js?rev=5.0.4:27)
at initColorPicker (settings.js?rev=5.0.4:150)
at init (settings.js?rev=5.0.4:316)
at HTMLDocument.<anonymous> (settings.js?rev=5.0.4:359)
at i (jquery.min.js?da19cf8282834f8b1d7468bc743e39ea:2)
at Object.fireWith [as resolveWith] (jquery.min.js?da19cf8282834f8b1d7468bc743e39ea:2)
at Function.ready (jquery.min.js?da19cf8282834f8b1d7468bc743e39ea:2)
at HTMLDocument.K (jquery.min.js?da19cf8282834f8b1d7468bc743e39ea:2)
Hi,
I am guessing that you are trying to save the slide which is wrong. Just open the slider configuration and save it without changing the slides
Regards,
Igor
Thank you! That does resolve the editor issue.
Client has one further question. They have large numbers of slides in each slider. Attaching pics of the UI she has asked about.
In 4.6 all links for slides in slider could be seen on editor page. In 5.0.14 all the LI elements are present but once group wraps for second row none are visible.
I played a bit with the CSS via the developer panel but did not immediately see but container height and overflow values do not seem to be the issue.
Any ideas? Thank you
Hi,
Please provide URL to your site and super admin login details so we can take a look and see what could be the issue
Regards,
Igor
Ok, thank you very much and I hope you have a good Yom Kippur!
Hi Max,
Thank you for the reply. I don't know if you logged into Joomla but we have a great many more slides than two rows. I'm attaching a screenshot using the CSS you suggested but with 300 px as the height.
I don't think the site owner will accept this as a solution but I will discuss with them.
Hi Max,
I am waiting to hear back from client. I ended up also setting a height and overflow-y on the UL and in this way the many rows of links can be accessed.
Thank you for your offer. I will let you know.
.slider-main-left .editor_buttons_wrapper {
margin-top:57px !important;
}
.slider-main-left #slide_selector ul {
height: 57px;
overflow-y: scroll;
}
Do you have any idea if the theme punch version would preserve our slides or would we need to re-create in their version?
OK, thank you. Ticket can be closed. Client says w overflow-y set to scroll we can deal with UI.
Appreciate the help!