Page loaded without CSS in CP #1868

Closed
tantignac opened this Issue Sep 18, 2012 · 13 comments

Comments

Projects
None yet
3 participants
@tantignac

I created a stream and wanted to create a field assigned to this stream.
When reaching the admin/streams/new_assignment/3 page, it is loaded without CSS markup.

(I use the hosted test version of Pyro.)

@adamfairholm

This comment has been minimized.

Show comment Hide comment
@adamfairholm

adamfairholm Sep 18, 2012

Hey @tantignac - can you take a look at the HTML delivered to the browser and see if there appears to be any large chunks missing? Is a CSS file being loaded at all? My guess is that there is an error being suppressed somewhere.

Hey @tantignac - can you take a look at the HTML delivered to the browser and see if there appears to be any large chunks missing? Is a CSS file being loaded at all? My guess is that there is an error being suppressed somewhere.

@tantignac

This comment has been minimized.

Show comment Hide comment
@tantignac

tantignac Sep 18, 2012

You're right :)

In the source code, in the normal page, I have:

<script type="text/javascript"></script>

<link rel="stylesheet" href="" />
<link rel="stylesheet" href="" />
<link rel="stylesheet" href="" />
<link rel="stylesheet" href="" />
<link rel="stylesheet" href="" />
<link rel="stylesheet" href="" />
<link rel="stylesheet" href="" />

<script src=""></script>
<script src=""></script>
<script src=""></script>
<script src=""></script>
<script src=""></script>
<script src=""></script>
<script src=""></script>
<script src=""></script>
<script src=""></script>
<script src=""></script>
<script src=""></script>

<!--[if lt IE 9]>
<link rel="stylesheet" href="…" />
<script src="//html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->

<style>section#content {margin-top: 170px!important;}</style>

and in the page where the problem occurs:

<script type="text/javascript"></script>

<!--[if lt IE 9]>
<script src="//html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->

<style>section#content {margin-top: 170px!important;}</style>

(Notice also that <link rel="stylesheet" href="…" /> disappeared as well in the <!--[if lt IE 9]>…<![endif]-->.)

You're right :)

In the source code, in the normal page, I have:

<script type="text/javascript"></script>

<link rel="stylesheet" href="" />
<link rel="stylesheet" href="" />
<link rel="stylesheet" href="" />
<link rel="stylesheet" href="" />
<link rel="stylesheet" href="" />
<link rel="stylesheet" href="" />
<link rel="stylesheet" href="" />

<script src=""></script>
<script src=""></script>
<script src=""></script>
<script src=""></script>
<script src=""></script>
<script src=""></script>
<script src=""></script>
<script src=""></script>
<script src=""></script>
<script src=""></script>
<script src=""></script>

<!--[if lt IE 9]>
<link rel="stylesheet" href="…" />
<script src="//html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->

<style>section#content {margin-top: 170px!important;}</style>

and in the page where the problem occurs:

<script type="text/javascript"></script>

<!--[if lt IE 9]>
<script src="//html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->

<style>section#content {margin-top: 170px!important;}</style>

(Notice also that <link rel="stylesheet" href="…" /> disappeared as well in the <!--[if lt IE 9]>…<![endif]-->.)

@adamfairholm

This comment has been minimized.

Show comment Hide comment
@adamfairholm

adamfairholm Sep 18, 2012

So it's literally putting an ellipsis where the URL to the asset should be? Where are you hosting this again? I'll get one of the guys who is more experienced in that area on it.

So it's literally putting an ellipsis where the URL to the asset should be? Where are you hosting this again? I'll get one of the guys who is more experienced in that area on it.

@tantignac

This comment has been minimized.

Show comment Hide comment
@tantignac

tantignac Sep 18, 2012

Yes, that's it.
It is hosted on a test server (based on Rackspace) at pyrocluster.com (which is the service of hosting.pyrocms.com).

Yes, that's it.
It is hosted on a test server (based on Rackspace) at pyrocluster.com (which is the service of hosting.pyrocms.com).

@jerel

This comment has been minimized.

Show comment Hide comment
@jerel

jerel Sep 18, 2012

Member

If you could send an email to support@standingcloud.com or catch them on chat and explain the problem they can investigate the environment for you.

Member

jerel commented Sep 18, 2012

If you could send an email to support@standingcloud.com or catch them on chat and explain the problem they can investigate the environment for you.

@jerel

This comment has been minimized.

Show comment Hide comment
@jerel

jerel Sep 19, 2012

Member

@tantignac are you fairly certain that the url is actually replaced with an ellipsis? The reason I ask is because Chromium/Chrome does that when viewing urls with the dev tools to make it easier to read. Usually if you click on that link it will expand and show you the contents. I just want to make sure that's not what is happening here.

Just to clarify: the rest of the site is fine but on this one page you get only plain unstyled html?

Member

jerel commented Sep 19, 2012

@tantignac are you fairly certain that the url is actually replaced with an ellipsis? The reason I ask is because Chromium/Chrome does that when viewing urls with the dev tools to make it easier to read. Usually if you click on that link it will expand and show you the contents. I just want to make sure that's not what is happening here.

Just to clarify: the rest of the site is fine but on this one page you get only plain unstyled html?

@tantignac

This comment has been minimized.

Show comment Hide comment
@tantignac

tantignac Sep 19, 2012

Sorry, I misunderstood your purpose. It is not an ellipsis. I replaced the content with … for the sake of clarity. So … can replace some (not interesting here) stuff (like in the first <script type="text/javascript">…</script>) or URL (like in the remaining ).

Just to be clear, here is another formatting: what is ***-prefixed is what does not exist at the URL I mentioned as not rendering CSS:

***<link rel="stylesheet" href="http://pyrocmsprofessional-#####-pyrocms.pyrocluster.com/system/cms/themes/pyrocms/css/plugins.css" />
***<link rel="stylesheet" href="http://pyrocmsprofessional-#####-pyrocms.pyrocluster.com/system/cms/themes/pyrocms/css/workless/workless.css" />
***<link rel="stylesheet" href="http://pyrocmsprofessional-#####-pyrocms.pyrocluster.com/system/cms/themes/pyrocms/css/workless/application.css" />
***<link rel="stylesheet" href="http://pyrocmsprofessional-#####-pyrocms.pyrocluster.com/system/cms/themes/pyrocms/css/workless/responsive.css" />
***<link rel="stylesheet" href="http://pyrocmsprofessional-#####-pyrocms.pyrocluster.com/system/cms/themes/pyrocms/css/plugins.css" />
***<link rel="stylesheet" href="http://pyrocmsprofessional-#####-pyrocms.pyrocluster.com/system/cms/themes/pyrocms/css/jquery/colorbox.css" />
***<link rel="stylesheet" href="http://pyrocmsprofessional-#####-pyrocms.pyrocluster.com/system/cms/themes/pyrocms/css/codemirror.css" />
***<script src="http://pyrocmsprofessional-#####-pyrocms.pyrocluster.com/system/cms/themes/pyrocms/js/jquery/jquery.js"></script>
***<script src="http://pyrocmsprofessional-#####-pyrocms.pyrocluster.com/system/cms/themes/pyrocms/js/jquery/jquery-ui.min.js"></script>
***<script src="http://pyrocmsprofessional-#####-pyrocms.pyrocluster.com/system/cms/themes/pyrocms/js/jquery/jquery.colorbox.js"></script>
***<script src="http://pyrocmsprofessional-#####-pyrocms.pyrocluster.com/system/cms/themes/pyrocms/js/jquery/jquery.cooki.js"></script>
***<script src="http://pyrocmsprofessional-#####-pyrocms.pyrocluster.com/system/cms/themes/pyrocms/js/codemirror/codemirror.js"></script>
***<script src="http://pyrocmsprofessional-#####-pyrocms.pyrocluster.com/system/cms/themes/pyrocms/js/codemirror/mode/css/css.js"></script>
***<script src="http://pyrocmsprofessional-#####-pyrocms.pyrocluster.com/system/cms/themes/pyrocms/js/codemirror/mode/htmlmixed/htmlmixed.js"></script>
***<script src="http://pyrocmsprofessional-#####-pyrocms.pyrocluster.com/system/cms/themes/pyrocms/js/codemirror/mode/javascript/javascript.js"></script>
***<script src="http://pyrocmsprofessional-#####-pyrocms.pyrocluster.com/system/cms/themes/pyrocms/js/codemirror/mode/markdown/markdown.js"></script>
***<script src="http://pyrocmsprofessional-#####-pyrocms.pyrocluster.com/system/cms/themes/pyrocms/js/plugins.js"></script>
***<script src="http://pyrocmsprofessional-#####-pyrocms.pyrocluster.com/system/cms/themes/pyrocms/js/scripts.js"></script>

<!--[if lt IE 9]>
***<link rel="stylesheet" href="http://pyrocmsprofessional-#####-pyrocms.pyrocluster.com/system/cms/themes/pyrocms/css/ie8.css" />
<script src="//html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->

(The ##### stand for the id of the instance.)

Sorry, I misunderstood your purpose. It is not an ellipsis. I replaced the content with … for the sake of clarity. So … can replace some (not interesting here) stuff (like in the first <script type="text/javascript">…</script>) or URL (like in the remaining ).

Just to be clear, here is another formatting: what is ***-prefixed is what does not exist at the URL I mentioned as not rendering CSS:

***<link rel="stylesheet" href="http://pyrocmsprofessional-#####-pyrocms.pyrocluster.com/system/cms/themes/pyrocms/css/plugins.css" />
***<link rel="stylesheet" href="http://pyrocmsprofessional-#####-pyrocms.pyrocluster.com/system/cms/themes/pyrocms/css/workless/workless.css" />
***<link rel="stylesheet" href="http://pyrocmsprofessional-#####-pyrocms.pyrocluster.com/system/cms/themes/pyrocms/css/workless/application.css" />
***<link rel="stylesheet" href="http://pyrocmsprofessional-#####-pyrocms.pyrocluster.com/system/cms/themes/pyrocms/css/workless/responsive.css" />
***<link rel="stylesheet" href="http://pyrocmsprofessional-#####-pyrocms.pyrocluster.com/system/cms/themes/pyrocms/css/plugins.css" />
***<link rel="stylesheet" href="http://pyrocmsprofessional-#####-pyrocms.pyrocluster.com/system/cms/themes/pyrocms/css/jquery/colorbox.css" />
***<link rel="stylesheet" href="http://pyrocmsprofessional-#####-pyrocms.pyrocluster.com/system/cms/themes/pyrocms/css/codemirror.css" />
***<script src="http://pyrocmsprofessional-#####-pyrocms.pyrocluster.com/system/cms/themes/pyrocms/js/jquery/jquery.js"></script>
***<script src="http://pyrocmsprofessional-#####-pyrocms.pyrocluster.com/system/cms/themes/pyrocms/js/jquery/jquery-ui.min.js"></script>
***<script src="http://pyrocmsprofessional-#####-pyrocms.pyrocluster.com/system/cms/themes/pyrocms/js/jquery/jquery.colorbox.js"></script>
***<script src="http://pyrocmsprofessional-#####-pyrocms.pyrocluster.com/system/cms/themes/pyrocms/js/jquery/jquery.cooki.js"></script>
***<script src="http://pyrocmsprofessional-#####-pyrocms.pyrocluster.com/system/cms/themes/pyrocms/js/codemirror/codemirror.js"></script>
***<script src="http://pyrocmsprofessional-#####-pyrocms.pyrocluster.com/system/cms/themes/pyrocms/js/codemirror/mode/css/css.js"></script>
***<script src="http://pyrocmsprofessional-#####-pyrocms.pyrocluster.com/system/cms/themes/pyrocms/js/codemirror/mode/htmlmixed/htmlmixed.js"></script>
***<script src="http://pyrocmsprofessional-#####-pyrocms.pyrocluster.com/system/cms/themes/pyrocms/js/codemirror/mode/javascript/javascript.js"></script>
***<script src="http://pyrocmsprofessional-#####-pyrocms.pyrocluster.com/system/cms/themes/pyrocms/js/codemirror/mode/markdown/markdown.js"></script>
***<script src="http://pyrocmsprofessional-#####-pyrocms.pyrocluster.com/system/cms/themes/pyrocms/js/plugins.js"></script>
***<script src="http://pyrocmsprofessional-#####-pyrocms.pyrocluster.com/system/cms/themes/pyrocms/js/scripts.js"></script>

<!--[if lt IE 9]>
***<link rel="stylesheet" href="http://pyrocmsprofessional-#####-pyrocms.pyrocluster.com/system/cms/themes/pyrocms/css/ie8.css" />
<script src="//html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->

(The ##### stand for the id of the instance.)

@adamfairholm

This comment has been minimized.

Show comment Hide comment
@adamfairholm

adamfairholm Sep 19, 2012

When you access those files - what do you get? Any errors?

When you access those files - what do you get? Any errors?

@tantignac

This comment has been minimized.

Show comment Hide comment
@tantignac

tantignac Sep 19, 2012

When I put the http://pyrocmsprofessional-#####-pyrocms.pyrocluster.com/system/cms/themes/pyrocms/css/plugins.css URL in my browser, the CSS is correctly displayed. Is that what you meant?

It seems to be coherent with the fact that the other pages of the CP (and of the website) are correctly rendered, with CSS markup.

When I put the http://pyrocmsprofessional-#####-pyrocms.pyrocluster.com/system/cms/themes/pyrocms/css/plugins.css URL in my browser, the CSS is correctly displayed. Is that what you meant?

It seems to be coherent with the fact that the other pages of the CP (and of the website) are correctly rendered, with CSS markup.

@tantignac

This comment has been minimized.

Show comment Hide comment
@tantignac

tantignac Sep 21, 2012

@jerel I realize I forgot to answer to your question:

Just to clarify: the rest of the site is fine but on this one page you get only plain unstyled html?

The answer is yes :)

@jerel I realize I forgot to answer to your question:

Just to clarify: the rest of the site is fine but on this one page you get only plain unstyled html?

The answer is yes :)

@adamfairholm

This comment has been minimized.

Show comment Hide comment
@adamfairholm

adamfairholm Sep 21, 2012

Hi @tantignac,

Since this is a hosted environment, I'm not sure what I can do to debug this. Can you email me the full HTML output of what is happening on that page? My email address is adam@pyrocms.com.

Adam

Hi @tantignac,

Since this is a hosted environment, I'm not sure what I can do to debug this. Can you email me the full HTML output of what is happening on that page? My email address is adam@pyrocms.com.

Adam

@jerel

This comment has been minimized.

Show comment Hide comment
@jerel

jerel Sep 21, 2012

Member

Adam, I've checked on his hosted version and confirmed the issue there and did a bit of debugging. I then tested it on my local and I can confirm it there also. To reproduce: using Professional I created a stream. Then clicked on the New Assignment link to go to admin/streams/new_assignment/3

I've traced it down to line 681 in streams/controllers/admin.php. If you comment out

$this->template->build('admin/streams/no_fields_to_add', $this->data);

then it works correctly. As to why? I'm not sure yet

Member

jerel commented Sep 21, 2012

Adam, I've checked on his hosted version and confirmed the issue there and did a bit of debugging. I then tested it on my local and I can confirm it there also. To reproduce: using Professional I created a stream. Then clicked on the New Assignment link to go to admin/streams/new_assignment/3

I've traced it down to line 681 in streams/controllers/admin.php. If you comment out

$this->template->build('admin/streams/no_fields_to_add', $this->data);

then it works correctly. As to why? I'm not sure yet

@adamfairholm

This comment has been minimized.

Show comment Hide comment
@adamfairholm

adamfairholm Sep 22, 2012

So after some digging it, turns out this is just an issue if you have no fields. If you go to the Fields section and add one before going to the assignments page, then you'll be in good shape! A fix will be in PyroStreams 2.2.2.

So after some digging it, turns out this is just an issue if you have no fields. If you go to the Fields section and add one before going to the assignments page, then you'll be in good shape! A fix will be in PyroStreams 2.2.2.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment