Edit and dashboard not showing
Permalink
Hi,
I'm new to concrete5 and used this link -http://www.concrete5.org/documentation/how-tos/designers/converting... - in an attempt to convert my site.
I can see my site but I can't edit it. No edit button or dashboard button shows? Does anyone know where I've gone wrong?
Lauren
I'm new to concrete5 and used this link -http://www.concrete5.org/documentation/how-tos/designers/converting... - in an attempt to convert my site.
I can see my site but I can't edit it. No edit button or dashboard button shows? Does anyone know where I've gone wrong?
Lauren
Hey there!
First things first: I recommend you another tutorial, which is a bit more hands-on in my oppinion.
http://www.codeblog.ch/2009/01/concrete5-theme-erstellen/...
I have a guess, that you might have made a mistake in loading the 'header_required' and 'footer_required' elements. These are the files, that need to be loaded, for the editing interface to show. You can have a look at the default themes ( <your_c5_root>/concrete/themes/default/elements/ ) to see, how they are loaded exactly, but here they are anyway, for your convenience:
The above is to show you where to put these lines of code: right after <head> and just before </body>. It's not actually mandatory, but this way, it should work out for anyone stumbling upon this thread. Hope this makes sense.
First things first: I recommend you another tutorial, which is a bit more hands-on in my oppinion.
http://www.codeblog.ch/2009/01/concrete5-theme-erstellen/...
I have a guess, that you might have made a mistake in loading the 'header_required' and 'footer_required' elements. These are the files, that need to be loaded, for the editing interface to show. You can have a look at the default themes ( <your_c5_root>/concrete/themes/default/elements/ ) to see, how they are loaded exactly, but here they are anyway, for your convenience:
<html> ... <head> <?php Loader::element('header_required'); ?> ... </head> <body> ... <?php Loader::element('footer_required'); ?> </body> </html>
The above is to show you where to put these lines of code: right after <head> and just before </body>. It's not actually mandatory, but this way, it should work out for anyone stumbling upon this thread. Hope this makes sense.
I should have also said that I've used foundation to build my site! Wondering it that was a good idea now!
Works well, but you should read Job's how-to on using the Foundation framework: http://www.concrete5.org/documentation/how-tos/developers/using-zur...
thank you - i have just made the changes suggested here but I still can't see the edit bar. Going to try some of the tutorial suggested and see if can get it working. - although removing the js file is a problem!
http://www.laurenmoss.co.uk/dev/...
this is my site if it helps anyone?
http://www.laurenmoss.co.uk/dev/...
this is my site if it helps anyone?
I can see you are including jQuery twice, which might give unexpected results (as in edit bar not showing).
If you can supply your theme code, either as attachments or as a pastie (http://www.pastie.org ), I can have a quick look.
If you can supply your theme code, either as attachments or as a pastie (http://www.pastie.org ), I can have a quick look.
Am going to sound really stupid now but what do you mean by theme code?
- have removed jquery call and now have bar appearing at top but no buttons?
- have removed jquery call and now have bar appearing at top but no buttons?
Your themes code, most likely found in 'public_html/themes/your_theme_name/'.
Content of header.php and footer.php in folder 'elements', if you have followed the convention. Otherwise just the code holding your head and footer. If it's all in one file right now, you can supply the whole file (but I suggest you read the how-to I linked to in my first reply).
EDIT: The reason you are not seeing any buttons is the use of foundation framework, which uses the same class names as bootstrap in many cases. Just follow Job's how-to and you will get this done in a heartbeat.
Content of header.php and footer.php in folder 'elements', if you have followed the convention. Otherwise just the code holding your head and footer. If it's all in one file right now, you can supply the whole file (but I suggest you read the how-to I linked to in my first reply).
EDIT: The reason you are not seeing any buttons is the use of foundation framework, which uses the same class names as bootstrap in many cases. Just follow Job's how-to and you will get this done in a heartbeat.
erm - I did! Made all the changes suggested in the how to - except for the last one as have to be able to edit to do this - still can see anything?
Not sure what am doing wrong?
I haven't seperated out my header and footer yet - all of the code is in one page! Wanted to get it working and then seperate out?
Not sure what am doing wrong?
I haven't seperated out my header and footer yet - all of the code is in one page! Wanted to get it working and then seperate out?
You have a JavaScript error halting everything before it can render the C5 toolbar/dashboard stuff. If you right-click on the page and choose "Inspect Element" then click the 'Console' tab, you will see the errors in red. It's complaining about missing the 'Orbit' which I believe is the image slider. I believe the Foundation files that get downloaded from their site automatically includes a bunch of JavaScript files and so each call that is for a local JavaScript file needs to have <?php echo $this->getThemePath();?> in front of it. For example, the call for the main foundation.min.js file (near the bottom) would need to look like this:
You have commented out the main foundation.min.js file
and you're calling jquery.j which you don't need to do because C5 already includes jquery.js
and you need to either remove the Orbit initialization stuff at the bottom or include the orbit.js file. Right now you haven't included orbit.js but you're trying to initialize it near the bottom.
<script src="<?php echo $this->getThemePath();?>/javascripts/foundation.min.js"></script>
You have commented out the main foundation.min.js file
and you're calling jquery.j which you don't need to do because C5 already includes jquery.js
and you need to either remove the Orbit initialization stuff at the bottom or include the orbit.js file. Right now you haven't included orbit.js but you're trying to initialize it near the bottom.
+1 for mhawke
Please take your time to read the first how-to I linked to. It's pretty long, but holds all information (required snippets, if you will) you need to get a theme up and running.
Please take your time to read the first how-to I linked to. It's pretty long, but holds all information (required snippets, if you will) you need to get a theme up and running.
I did comment it out - saw how to saying that it was a problem with c5 - so was trying to see if I would get things working this way. Have put it back in and can't see any errors now. Can you? am I being thick?
The only error I see now is:
Not a big deal.
Still no buttons in edit bar?
"NetworkError: 404 Not Found -http://www.laurenmoss.co.uk/dev/themes/CRP/stylesheets/spinner.gif&...Not a big deal.
Still no buttons in edit bar?
I can see you still have conflicting css classes. Please follow Job's suggestion:
The easiest way is to modify the Foundation Framework files. Ultimately, the aim is the rename .container and .row to something unique. Open stylesheets/framework.css Do a CTRL-F for ".row", and then replace all occurences with ".c5row" or something equally as unique Do a CTRL-F for ".container". In the current version this should not match anything, however for future version of FF, do this anyway. Replace any occurences with ".c5container" or something equally as unique. Open your theme file. Where you have used either class="row" or class="container", replace it with your new class name. That will get your site functionality working.
Nothing :~(
I'm seeing a pretty complete site. Are you still missing your toolbar?
it's all instances of .row in foundation.css. You have changed the class names in the page to c5row, but not in foundation.css
I was just looking at this - how do you see the conflicting classes? Sorry - learning as i go - just downloaded firebug! - I have followed that tutorial - have serached for container and row - cant find any not changed yet!
Am missing something!
Should have specified that I changed all .row to .c5row but my search couldn't find .container
Am missing something!
Should have specified that I changed all .row to .c5row but my search couldn't find .container
In your theme directory you have a folder called 'stylesheets'. Look in there and edit the file called 'foundation.css'. Now search for .row in that file and replace with .c5row
EDIT: I forgot to tell you how I found out. Simply put I checked the source of your page and followed the link to the stylesheet. Once there I did a search for '.row' and found several instances of it.
EDIT: I forgot to tell you how I found out. Simply put I checked the source of your page and followed the link to the stylesheet. Once there I did a search for '.row' and found several instances of it.
Here's an interesting question. What are the names of files in your theme folder? It appears that you still have them called index.html instead of full.php, left_sidebar.php, home.php, etc. Your nav is calling all html files instead of .php files.
UPDATE: Never mind. I'm being an idiot.
UPDATE: Never mind. I'm being an idiot.
OH! am checking now and uploading again! there shouldn't be any .row as changed them all!
OK - have uploaded my files again and checked - still no edit/top bar?
also i used to see a editable field for this area:
<? $a = new Area('Introduction'); $a->display($c); ?>
which is now gone? I couldn't edit it but could see it?
OK - have uploaded my files again and checked - still no edit/top bar?
also i used to see a editable field for this area:
<? $a = new Area('Introduction'); $a->display($c); ?>
which is now gone? I couldn't edit it but could see it?
In your browser's output, you shouldn't be able to see the php code defining an editable area.
Can you attach your php file that you are using as the page template for this page? Perhaps it's default.php?? You will need to change the extention from php to txt in order to attach it to this forum.
Can you attach your php file that you are using as the page template for this page? Perhaps it's default.php?? You will need to change the extention from php to txt in order to attach it to this forum.
Does this help?
Try the attached file. You were missing the php at the end that actually creates your toolbar.
<?php Loader::element('footer_required'); ?>
Thanks! Still not working - tried your tut and nothing! Think its a foundations thing?
Don't know what to do!
Don't know what to do!
Now I'm getting confused too!
Help me understand your setup. The default.php file you attached has the line:
This will pull the foundation.css from the root of your theme folder but the output of your page shows the stylesheets are successfully being pulled from the 'stylesheets' folder like this:
These two things can't happen at the same time so are you sure the default.php file you attached here is file the page is using?
Help me understand your setup. The default.php file you attached has the line:
<link rel="stylesheet" href="<?=$this->getStyleSheet('foundation');?>">
This will pull the foundation.css from the root of your theme folder but the output of your page shows the stylesheets are successfully being pulled from the 'stylesheets' folder like this:
<link rel="stylesheet" href="/dev/themes/CRP/stylesheets/foundation.css">
These two things can't happen at the same time so are you sure the default.php file you attached here is file the page is using?
Sorry! Am not being very helpful here! I changed the default folder as I thought it might be part of the problem!
I've attatched the most recent version and wont change anything else!
all css files are in stylsheets folder. Does that make sense?
I've attatched the most recent version and wont change anything else!
all css files are in stylsheets folder. Does that make sense?
Ok, a couple of things. I have attached a revised default.php file
1) I changed all your shortcodes "<?=" to "<?php echo" just because.
2) I removed the second call to jquery.js near the bottom.
I now successfully get the toolbar as shown on the attached screenshot on my local machine.
make sure you have turned off all the caching at 'Dashboard->System and Settings->Cache and Speed Settings'. Clear the C5 cache and refresh your browser with CTRL+SHFT+R.
See if that helps.
1) I changed all your shortcodes "<?=" to "<?php echo" just because.
2) I removed the second call to jquery.js near the bottom.
I now successfully get the toolbar as shown on the attached screenshot on my local machine.
make sure you have turned off all the caching at 'Dashboard->System and Settings->Cache and Speed Settings'. Clear the C5 cache and refresh your browser with CTRL+SHFT+R.
See if that helps.
We're not out of the woods yet. When I put the page in edit mode, it's clearly still got issues. The 'Add Page' popup also takes up the whole screen indicating there are still css conflicts. I have been able to get the page into edit mode but then the editor can't find it's JavaScript files. I think there's more wrong with your setup than just the cosmetics or the toolbar.
I know you've got lots of time in this but have you considered purchasing the 'Foundation' theme in the marketplace from GrowthCurve? I think it would be $30 well spent. I know you've already spent well over $30 of your time on this project. It's a thought.
http://www.concrete5.org/marketplace/themes/foundation/...
I know you've got lots of time in this but have you considered purchasing the 'Foundation' theme in the marketplace from GrowthCurve? I think it would be $30 well spent. I know you've already spent well over $30 of your time on this project. It's a thought.
http://www.concrete5.org/marketplace/themes/foundation/...
![http://www.laurenmoss.co.uk/dev/themes/CRP/stylesheets/spinner.gif&...](http://www.laurenmoss.co.uk/dev/themes/CRP/stylesheets/spinner.gif"){kind=link}
Add the following right before your ending </body> tag to have the cms include all necessary js:
The how-to you are following is outdated and doesn't apply in a few aspects. For a better how-to, see this one (but disregard any information regarding scrapbook, as that is deprecated): http://www.concrete5.org/documentation/how-tos/designers/making-a-t...