Support for Drupal 7 is ending on 5 January 2025—it’s time to migrate to Drupal 10! Learn about the many benefits of Drupal 10 and find migration tools in our resource center.
hi,
this is a great tool, and I'm really eager to get it working! I was able to enable the module, and I see the tab to edit CSS - when I click on it, the region appears with a drop-down menu listing all the css files. but when I select one of the css files in the list, there is not an editor underneath - just the blank gray area with the "save" and "close" buttons. how can i get the editor to appear so that i can edit the files?
thank you so much for all of your work, and for any help/instructions you can offer. let me know if i can provide you with any additional information.
Comments
Comment #1
guybedford CreditAttribution: guybedford commentedHi,
Glad you find it useful. Can you tell me which browser are you using? If you're able to check the console, do you see an error message at all?
It sounds like it's an issue initializing the editor - the next release will be using a different editor, which may assist with the issue.
Comment #2
Anonymous (not verified) CreditAttribution: Anonymous commentedi'm using firefox 3.6.16 (and also tried in chrome). which console are you referring to? as far as i can see, there aren't any error messages. thanks for your response!
Comment #3
HairMachine CreditAttribution: HairMachine commentedHi Guy, how's it going? I get this issue also. When I check the console I the following shows up (using Chrome):
1. Uncaught TypeError: Object #
has no method 'useBespin' - css.js:316 2. Uncaught TypeError: Cannot set property 'value' of null - css.js:356 Each time I select a new file I get 2 more occurrences of error (2). Trying to edit the RootCandy theme (the perfect starter theme right? no).Comment #4
guybedford CreditAttribution: guybedford commentedHey Simon, going well thanks. Good to catch you on here! Thanks for posting the issue - I haven't been able to replicate this myself at all unfortunately so very keen to crack down on it.
I believe this may be a path issue with loading the Bespin editor which sits in a folder in the live_css module folder.
Are you running Drupal on a different base path? I just realised I didn't include the base_path() function where it should have been.
The key includes used are:
I'm thinking one of those is going to be somehow setting to the wrong path.
If there's anyway you can check those for your site, any feedback at all would be amazing.
Thanks!
Comment #5
CUclimber CreditAttribution: CUclimber commentedI am seeing the same behavior.
Firebug shows a couple of different errors-- one says "this.editor is null" and the other reads "bespin.useBespin is not a function".
Comment #6
guybedford CreditAttribution: guybedford commentedThanks - I'm aware of the messages, but it would be good to know if you have a different base path.
If you look at the source, there is the following line in the head:
<link id="bespin_base" href="/sites/all/modules/live_css/bespin/prebuilt/" rel="bespin_base" />
Bespin needs to have this base path set in order to load. I'm wondering if it might be generated incorrectly in your case?
Bespin has been replaced now by Ace (http://ace.ajax.org/) - the next release will update to this editor, which may (if we're lucky) also sort the issue.
I'll run a test on a different path my side and see if that helps narrow the issue in the mean time.
Comment #7
RaviBramha CreditAttribution: RaviBramha commentedI am facing the same issue. My drupal7 installation is at
http://localhost/Drupal7/
and link tag is
link id="bespin_base" href="/sites/all/modules/live_css/bespin/prebuilt/" rel="bespin_base"
Is the issue because of missing Drupal7? Is there any way to modify the module to get it working
Note:
I used live_css-7.x-1.1
Comment #8
guybedford CreditAttribution: guybedford commentedI finally managed to track down the path issue. This should resolve the issue.
Thanks for the feedback in finding this.
Comment #9
CUclimber CreditAttribution: CUclimber commentedToday's version fixed this issue for me. Thanks!
Comment #10
guybedford CreditAttribution: guybedford commentedGreat, thanks for letting me know.
Comment #11
dafreak CreditAttribution: dafreak commentedI have installed, activated the module and checked permissions. Still don't see a link to edit the css. Where is it supposed to be?
Comment #12
guybedford CreditAttribution: guybedford commentedIt should be a tab on the right hand side of the screen (like a feedback form). Which browser are you using?
If possible can you check the head of the page and see if the css files are being included (js and css from the live_css module folder)
Comment #13
smx CreditAttribution: smx commentedI am getting this on firebug using firefox 7 and chrome
this.editor is null
[Break On This Error] this.editor.getSession().setValue(css);
css.js?lpx1v8 (line 429)
Comment #14
guybedford CreditAttribution: guybedford commentedIt sounds like the ace editor isn't loading for some reason. Once loading is complete, can you check if window.editor.editor is null?
Comment #15
guybedford CreditAttribution: guybedford commentedComment #16
Sas-1 CreditAttribution: Sas-1 commentedI am getting a similiar issue
Comment #17
deryck.henson CreditAttribution: deryck.henson commentedWhat version are you running of Live CSS and Drupal 7?
If -dev version, please update to latest and report back.