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

View Replies:
adajad replied on at Permalink Reply
adajad
Yes, I know what is missing.

Add the following right before your ending </body> tag to have the cms include all necessary js:
<?php Loader::element('footer_required'); ?>


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...
szucslaszlo replied on at Permalink Reply
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:
<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.
bremner1 replied on at Permalink Reply
I should have also said that I've used foundation to build my site! Wondering it that was a good idea now!
adajad replied on at Permalink Reply
adajad
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...
bremner1 replied on at Permalink Reply
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?
adajad replied on at Permalink Reply
adajad
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.
bremner1 replied on at Permalink Reply
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?
adajad replied on at Permalink Reply
adajad
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.
bremner1 replied on at Permalink Reply
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?
mhawke replied on at Permalink Reply
mhawke
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:

<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.
adajad replied on at Permalink Reply
adajad
+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.
bremner1 replied on at Permalink Reply
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?
adajad replied on at Permalink Reply
adajad
The only error I see now is:

Not a big deal.

Still no buttons in edit bar?
adajad replied on at Permalink Reply
adajad
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.
bremner1 replied on at Permalink Reply
Nothing :~(
mhawke replied on at Permalink Reply
mhawke
I'm seeing a pretty complete site. Are you still missing your toolbar?
adajad replied on at Permalink Reply
adajad
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
bremner1 replied on at Permalink Reply
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
adajad replied on at Permalink Reply
adajad
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.
mhawke replied on at Permalink Reply
mhawke
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.
bremner1 replied on at Permalink Reply
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?
mhawke replied on at Permalink Reply
mhawke
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.
bremner1 replied on at Permalink Reply 1 Attachment
Does this help?
mhawke replied on at Permalink Reply 1 Attachment
mhawke
Try the attached file. You were missing the php at the end that actually creates your toolbar.

<?php Loader::element('footer_required'); ?>
bremner1 replied on at Permalink Reply
Thanks! Still not working - tried your tut and nothing! Think its a foundations thing?


Don't know what to do!
mhawke replied on at Permalink Reply
mhawke
Now I'm getting confused too!

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?
bremner1 replied on at Permalink Reply 1 Attachment
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?
mhawke replied on at Permalink Reply 1 Attachment
mhawke
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.
mhawke replied on at Permalink Reply
mhawke
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/...