Have replicated error, spent a little bit of time investigating, no success, though in my case, even un-installing uSkySlider didn't make the Google Maps re-work - though this might be a red herring, as I did do a few things in-between.
Will investigate further and hopefully either Antoine or myself will have this fixed soon.
I believe the cause of this conflict between uSkySlider & AngularGoogleMaps is the both packages using the directive draggable.
AngularGoogleMaps uses the draggable attribute for the new <google-map> HTML tag. This is default behavour of the AngularJs Google Map library at http://angular-google-maps.org .
uSkySlider sets the draggable directive on line 2 of /App_Plugins/Lecoati.uSky.Slider/lib/draggable.js .
At the moment, I don't have a pretty solution for both packages to share the same draggable attribute.
I seem to have a problem between angular Google Maps and uSkySlider, despite your best efforts.
This demonstrates itself not when the webpage is being rendered for the end user, but in the backoffice page where it fails to show the interface for setting up the slider correctly. I have not got to the point where it does not render on the web page correctly, I just can't get at the uSkySlider interface to set up the images. I posted a screenshot of what it does at:
http://our.umbraco.org/projects/backoffice-extensions/uskyslider/bug-reports/53823-conflict-with-angularGoogleMaps-package
I hope this is useful as both packages look very promising
(Yes I am using the latest release of each package)
Im having the same problem with this, backoffice uSkySlider is not rendering correctly when using AngularGoogleMaps.
I downloaded the package from Umbraco, it says version 1.0.2 on the link, but when installed it still says version 1.0 still???
Am i downloading the correct version here? Is there another place to get the correct download? As the error im getting seems directly with 'draggable' conflict.
I'm in the process of updating AngularGoogleMaps to version 1.0.5 and should have it released soon, this includes the latest version of the underlying library (http://angular-ui.github.io/angular-google-maps/) which is going through a major change at the moment. One of the major changes, was to stop using standard directives that might clash with other libraries. According to my tests I have uSkySlider and AngularGoogelMaps 1.0.5 workings together - even when on the same tab.
I do though have a performance issue, if you create lots of google maps within Archetype, and I'm busy trying to fix that issue before I do this release. It should be at some point later today.
Breaking while installed with uSkySlider package
Hi there
After installing the uSkySlider package at http://our.umbraco.org/projects/backoffice-extensions/uskyslider
and followed by the AngularGoogleMaps package on version 7.1.4 (MSSQL 2008)
both datatypes stop rendering in the assigned page.
If i uninstall AngularGoogleMaps then all is back to normal.
if i uninstall uskyslider then AngularGoogleMaps works as normal.
So I suppose some angular stuff is conflicting?
Hi Kelio,
Have replicated error, spent a little bit of time investigating, no success, though in my case, even un-installing uSkySlider didn't make the Google Maps re-work - though this might be a red herring, as I did do a few things in-between.
Will investigate further and hopefully either Antoine or myself will have this fixed soon.
Thanks for the update Jonathan.
Will look forward to get both working together.
many thanks for the great package!
I believe the cause of this conflict between uSkySlider & AngularGoogleMaps is the both packages using the directive draggable.
Have removed use of 'draggable' attribute from AngularGoogleMaps, to stop this clash with uSkySlider.
Please download latest AngularGoogleMaps v1.0.2
Thanks
(I think for Jonathan Richards)
I seem to have a problem between angular Google Maps and uSkySlider, despite your best efforts.
This demonstrates itself not when the webpage is being rendered for the end user, but in the backoffice page where it fails to show the interface for setting up the slider correctly. I have not got to the point where it does not render on the web page correctly, I just can't get at the uSkySlider interface to set up the images. I posted a screenshot of what it does at: http://our.umbraco.org/projects/backoffice-extensions/uskyslider/bug-reports/53823-conflict-with-angularGoogleMaps-package
I hope this is useful as both packages look very promising
(Yes I am using the latest release of each package)
Regards
David
Hi
Im having the same problem with this, backoffice uSkySlider is not rendering correctly when using AngularGoogleMaps.
I downloaded the package from Umbraco, it says version 1.0.2 on the link, but when installed it still says version 1.0 still???
Am i downloading the correct version here? Is there another place to get the correct download? As the error im getting seems directly with 'draggable' conflict.
Regards
Neil
Hi,
i have installed package version 1.0.4 and the draggable issue with uSkySlider still exists!
thx for any help,
Andreas
Umbraco 7.2.2, uSky 0.9.2, AngularGoogleMaps 1.0.4
I have also never been able to get these to work together. In the chrome console I get the error:
Error: Multiple directives [draggable, layer] asking for isolated scope on: <div class="slider-revolution-layer ng-isolate-scope ng-scope" draggable="" ng-class="{ selected: layer == $parent.currentLayer , hover: layer == $parent.overLayer }" aspectratio="layer.type=='image'" resize="layer.type=='image'" data-ng-click="editLayer(layer)" data-ng-mouseover="setOverLayer(layer)" data-ng-mouseleave="initOverLayer()" ng-repeat="layer in currentSlide.layers" layer="layer" ng-style="$parent.setLayerStyle(layer)">
Umbraco 7.2.2, uSky 0.9.2, AngularGoogleMaps 1.0.4 also.
Hi Guys,
I'm in the process of updating AngularGoogleMaps to version 1.0.5 and should have it released soon, this includes the latest version of the underlying library (http://angular-ui.github.io/angular-google-maps/) which is going through a major change at the moment. One of the major changes, was to stop using standard directives that might clash with other libraries. According to my tests I have uSkySlider and AngularGoogelMaps 1.0.5 workings together - even when on the same tab.
I do though have a performance issue, if you create lots of google maps within Archetype, and I'm busy trying to fix that issue before I do this release. It should be at some point later today.
Cheers
Hi,
thx for the update. Looking forward to version 1.0.5!!
Cheers,
Andreas
Have released 1.0.5
Enjoy
1.0.5 has fixed the issue, I now have them working side by side. Thanks very much for the fix.
Patrick
is working on a reply...