Hey guys, I’m trying to get this color picker to display and I can’t get it to work on webflow.
I can get this to display perfectly when in just a normal html file so something has to be maybe conflicting.
This is the code in the head section of webflow, same as in my index.html file
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.3/jquery-ui.min.js"></script> <script src='https://74ba981820e55c7ee9c5ea0bb063b63e2de94df9.googledrive.com/host/0BzBKNiqRRW3XSDV2WjFFWnpjdHM/colorpicker/spectrum.js'></script> <link rel='stylesheet' href='https://74ba981820e55c7ee9c5ea0bb063b63e2de94df9.googledrive.com/host/0BzBKNiqRRW3XSDV2WjFFWnpjdHM/colorpicker/spectrum.css' /> <link rel='stylesheet' href='https://74ba981820e55c7ee9c5ea0bb063b63e2de94df9.googledrive.com/host/0BzBKNiqRRW3XSDV2WjFFWnpjdHM/colorpicker/index.min.css' />
and this is the embed code:
<input type="text" id="flat" value='#45925f'> <div id="availability"><span> </span></div> <input type="hidden" id="control" value=0 data-color=""> <script src='jq.min.js'></script>
So this exact code in a normal html file should display this:
on this website:
http://myfavoritecolor.com
But I think there is a conflict or something and maybe someone can help thanks so much!
You can see the embed widget near the top, thats where the code is, and in the ‘home’ page settings is where I included the script and css includes
https://preview.webflow.com/preview/traviss-dandy-site?preview=b8fdf115c93d2079c2a519a4a35d9b69