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

guybedford’s picture

Hi,

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.

Anonymous’s picture

i'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!

HairMachine’s picture

Hi 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).
guybedford’s picture

Hey 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!

CUclimber’s picture

I 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".

guybedford’s picture

Thanks - 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.

RaviBramha’s picture

I 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

guybedford’s picture

Status: Active » Fixed

I finally managed to track down the path issue. This should resolve the issue.

Thanks for the feedback in finding this.

CUclimber’s picture

Today's version fixed this issue for me. Thanks!

guybedford’s picture

Status: Fixed » Closed (fixed)

Great, thanks for letting me know.

dafreak’s picture

Status: Closed (fixed) » Active

I have installed, activated the module and checked permissions. Still don't see a link to edit the css. Where is it supposed to be?

guybedford’s picture

It 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)

smx’s picture

I 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)

guybedford’s picture

It sounds like the ace editor isn't loading for some reason. Once loading is complete, can you check if window.editor.editor is null?

guybedford’s picture

Status: Active » Closed (fixed)
Sas-1’s picture

I am getting a similiar issue

deryck.henson’s picture

What version are you running of Live CSS and Drupal 7?

If -dev version, please update to latest and report back.