Edit Bar Missing
Permalink
After logging in as admin, the edit bar at the top is no longer present. I've tried logging in with both IE and Chrome with no luck. The only thing that was done prior to this happening was I posted HTML code for a new video to play with FlowPlayer. Anyone have an idea why the edit bar is missing?
Here is the code pasted -
<!doctype html>
<html>
<head>
<!-- player skin -->
<link rel="stylesheet" type="text/css"
href="//releases.flowplayer.org/5.5.2/skin/minimalist.css">
<style>
/* site specific styling */
body {
font: 12px "Myriad Pro", "Lucida Grande", "Helvetica Neue", sans-serif;
text-align: center;
padding-top: 1%;
color: #999;
background-color: #333333;
}
/* custom player skin */
.flowplayer { width: 80%; background-color: #222; background-size: cover; max-width: 640px; }
.flowplayer .fp-controls { background-color: rgba(0, 0, 0, 0.4)}
.flowplayer .fp-timeline { background-color: rgba(0, 0, 0, 0.5)}
.flowplayer .fp-progress { background-color: rgba(128, 0, 0, 1)}
.flowplayer .fp-buffer { background-color: rgba(249, 249, 249, 1)}
.flowplayer { background-image: url(https://drive.cdn.flowplayer.org/219884/50236-snap.jpg)}
</style>
<!-- flowplayer depends on jQuery 1.7.2+ -->
<script src="//code.jquery.com/jquery-1.10.2.min.js"></script>
<!-- flowplayer javascript component -->
<script src="//releases.flowplayer.org/5.5.2/flowplayer.min.js"></script>
</head>
<body>
<div data-swf="//releases.flowplayer.org/5.5.2/flowplayer.swf"
class="flowplayer no-toggle"
style="max-width: 640px;" data-ratio="0.5625" data-embed="false">
<video>
<source type="video/mp4" src="http://drive.flowplayer.org/219884/50236-LewisvilleFootballFinal2.mp4" /><source type="video/webm" src="http://drive.flowplayer.org/219884/50236-LewisvilleFootballFinal2.webm" />
</video>
</div>
</body>
</html>
Here is the code pasted -
<!doctype html>
<html>
<head>
<!-- player skin -->
<link rel="stylesheet" type="text/css"
href="//releases.flowplayer.org/5.5.2/skin/minimalist.css">
<style>
/* site specific styling */
body {
font: 12px "Myriad Pro", "Lucida Grande", "Helvetica Neue", sans-serif;
text-align: center;
padding-top: 1%;
color: #999;
background-color: #333333;
}
/* custom player skin */
.flowplayer { width: 80%; background-color: #222; background-size: cover; max-width: 640px; }
.flowplayer .fp-controls { background-color: rgba(0, 0, 0, 0.4)}
.flowplayer .fp-timeline { background-color: rgba(0, 0, 0, 0.5)}
.flowplayer .fp-progress { background-color: rgba(128, 0, 0, 1)}
.flowplayer .fp-buffer { background-color: rgba(249, 249, 249, 1)}
.flowplayer { background-image: url(https://drive.cdn.flowplayer.org/219884/50236-snap.jpg)}
</style>
<!-- flowplayer depends on jQuery 1.7.2+ -->
<script src="//code.jquery.com/jquery-1.10.2.min.js"></script>
<!-- flowplayer javascript component -->
<script src="//releases.flowplayer.org/5.5.2/flowplayer.min.js"></script>
</head>
<body>
<div data-swf="//releases.flowplayer.org/5.5.2/flowplayer.swf"
class="flowplayer no-toggle"
style="max-width: 640px;" data-ratio="0.5625" data-embed="false">
<video>
<source type="video/mp4" src="http://drive.flowplayer.org/219884/50236-LewisvilleFootballFinal2.mp4" /><source type="video/webm" src="http://drive.flowplayer.org/219884/50236-LewisvilleFootballFinal2.webm" />
</video>
</div>
</body>
</html>
It is the main page of my website. The sitemap option is on the edit bar which is missing. Is there another way to get to this information other than from your actual website?
yoursite/index.php/dashboard
Yes, all posted within one block.
it won't work like that I'm afraid.
That's what is breaking your page. You need to be able to seperate out the various elements so they can be called correctly into your page template without conflicts.
That's what is breaking your page. You need to be able to seperate out the various elements so they can be called correctly into your page template without conflicts.
Thanks Andy!!
I was able to get my page back to the way is was before.
I was able to get my page back to the way is was before.
ok if you want to embed flowplayer in the page like you were trying - here is how to do it.
You need to add the 'Header Extra Content' Attribute to your page and add:
Then in your page wherever you want the player you add an html block and add the player code:
You need to add the 'Header Extra Content' Attribute to your page and add:
<link rel="stylesheet" type="text/css" href="//releases.flowplayer.org/5.5.2/skin/minimalist.css"> <style> /* custom player skin */ .flowplayer { width: 80%; background-color: #222; background-size: cover; max-width: 640px; } .flowplayer .fp-controls { background-color: rgba(0, 0, 0, 0.4)} .flowplayer .fp-timeline { background-color: rgba(0, 0, 0, 0.5)} .flowplayer .fp-progress { background-color: rgba(128, 0, 0, 1)} .flowplayer .fp-buffer { background-color: rgba(249, 249, 249, 1)} .flowplayer { background-image: url(https://drive.cdn.flowplayer.org/219884/50236-snap.jpg)} </style> <!-- flowplayer javascript component --> <script src="//releases.flowplayer.org/5.5.2/flowplayer.min.js"></script>
Then in your page wherever you want the player you add an html block and add the player code:
<div data-swf="//releases.flowplayer.org/5.5.2/flowplayer.swf" class="flowplayer no-toggle" style="max-width: 640px;" data-ratio="0.5625" data-embed="false"> <video> <source type="video/mp4" src="http://drive.flowplayer.org/219884/50236-LewisvilleFootballFinal2.mp4" ></source><source type="video/webm" src="http://drive.flowplayer.org/219884/50236-LewisvilleFootballFinal2.webm" ></source> </video> </div>
Worked like a charm. Thanks again for your help.
If so it would signifyban issue wuth the code. You could revert backto an earlier version by clicking the page in the sitemap, selecting versions, aporoving an earlier version and deleting the version with the problem.
I didn't see your code for some reason. Are you saying you posted all that inside a page block?