Dump to file is unstyled

I’m seeing an issue where if I do a dump to a file (HTML format), the
resulting data is unstyled. This is in Lucee 5, but I saw the same issue in
4.5.

Looking at the source of the output, the CSS implies that the content will
all be contained in a div with a random 4-char id (e.g. div#xoop). However,
the content is not wrapped in this div.

If I edit the dumped file to add in the div and id, it displays using the
expected styling…

Something in your main stylesheet overriding the dump styles?

I’ve occasionally seen dump output squashed into a tiny column - but
that’s generally been our doing. I’ve never seen it entirely
un-styled.

The id of the wrapping div is not referenced in the inline styles (or
JS for that matter) - but the class (in my case -lucee-dump modern)
is.On 31 March 2016 at 08:38, Seb Duggan <@Seb_Duggan> wrote:

I’m seeing an issue where if I do a dump to a file (HTML format), the
resulting data is unstyled. This is in Lucee 5, but I saw the same issue in
4.5.

Looking at the source of the output, the CSS implies that the content will
all be contained in a div with a random 4-char id (e.g. div#xoop). However,
the content is not wrapped in this div.

If I edit the dumped file to add in the div and id, it displays using the
expected styling…


Love Lucee? Become a supporter and be part of the Lucee project today! -
http://lucee.org/supporters/become-a-supporter.html

You received this message because you are subscribed to the Google Groups
“Lucee” group.
To unsubscribe from this group and stop receiving emails from it, send an
email to lucee+unsubscribe@googlegroups.com.
To post to this group, send email to lucee@googlegroups.com.
To view this discussion on the web visit
https://groups.google.com/d/msgid/lucee/6098ce88-5c1b-45b2-a746-34a2e13b8e19%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

This is dumping to a file using the output attribute, so there are no other
styles to conflict with.

This is the inline style block in the file:

div#xqgh table {font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:11px; empty-cells:show; color:#000; border-collapse:collapse;} div#xqgh td {border:1px solid #000; vertical-align:top; padding:2px; empty-cells:show;} div#xqgh td span {font-weight:bold;} div#xqgh td.n0 {color:#333399;border-color:#333399;background-color:#ccf;} div#xqgh td.h0 {color:#333399;border-color:#333399;background-color:#99f;} div#xqgh td.n1 {color:#990000;border-color:#990000;background-color:#fc9;} div#xqgh td.h1 {color:#990000;border-color:#990000;background-color:#f60;} div#xqgh td.n2 {color:#002340;border-color:#002340;background-color:#dee3e9;} div#xqgh td.h2 {color:#002340;border-color:#002340;background-color:#6289a3;} On Thursday, 31 March 2016 10:49:19 UTC+1, Geoff Parkhurst wrote:

Something in your main stylesheet overriding the dump styles?

I’ve occasionally seen dump output squashed into a tiny column - but
that’s generally been our doing. I’ve never seen it entirely
un-styled.

The id of the wrapping div is not referenced in the inline styles (or
JS for that matter) - but the class (in my case -lucee-dump modern)
is.

On 31 March 2016 at 08:38, Seb Duggan <seb.d...@gmail.com <javascript:>> wrote:

I’m seeing an issue where if I do a dump to a file (HTML format), the
resulting data is unstyled. This is in Lucee 5, but I saw the same issue
in
4.5.

Looking at the source of the output, the CSS implies that the content
will
all be contained in a div with a random 4-char id (e.g. div#xoop).
However,
the content is not wrapped in this div.

If I edit the dumped file to add in the div and id, it displays using
the
expected styling…


Love Lucee? Become a supporter and be part of the Lucee project today! -
http://lucee.org/supporters/become-a-supporter.html

You received this message because you are subscribed to the Google
Groups
“Lucee” group.
To unsubscribe from this group and stop receiving emails from it, send
an
email to lucee+un...@googlegroups.com <javascript:>.
To post to this group, send email to lu...@googlegroups.com
<javascript:>.
To view this discussion on the web visit

https://groups.google.com/d/msgid/lucee/6098ce88-5c1b-45b2-a746-34a2e13b8e19%40googlegroups.com.

For more options, visit https://groups.google.com/d/optout.

Hi Seb,

One great thing about opensource, is that you can look into the source :slight_smile:
Source: Lucee/Dump.cfc at 91987157aed760278c6ab688ae53d7b5c540fbf3 · lucee/Lucee · GitHub
function doOutput( attrib, meta, context, caller ) {
var dumpID = createId();
var hasReference = structKeyExists( arguments.meta,‘hasReference’ ) && arguments.meta.hasReference;
var result = this[ arguments.attrib.format ]( arguments.meta, arguments.context, arguments.attrib.expand, arguments.attrib.output, hasReference, 0, dumpID );
// sleep( 5000 ); // simulate long process to test async=true
if (arguments.attrib.output EQ “browser”) {
echo(variables.NEWLINE & ‘’ & variables.NEWLINE);
echo(‘

#result#
’ & variables.NEWLINE);
echo(‘’ & variables.NEWLINE);
}
else if (arguments.attrib.output EQ “console”) {
systemOutput(result,true);
}
else {
file action=“write” addnewline=“yes” file=“#arguments.attrib.output#” output=“#result#”;
}
}
What you will probably see in the snippet above, is the fact that the div is only outputted if (arguments.attrib.output EQ “browser”)

Hopefully the change will be pulled in shortly: Styling of cfdump is broken in file output by paulklinkenberg · Pull Request #18 · lucee/Lucee · GitHub

Kind regards,

Paul Klinkenberg

This is dumping to a file using the output attribute, so there are no other styles to conflict with.

This is the inline style block in the file:

div#xqgh table {font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:11px; empty-cells:show; color:#000; border-collapse:collapse;} div#xqgh td {border:1px solid #000; vertical-align:top; padding:2px; empty-cells:show;} div#xqgh td span {font-weight:bold;} div#xqgh td.n0 {color:#333399;border-color:#333399;background-color:#ccf;} div#xqgh td.h0 {color:#333399;border-color:#333399;background-color:#99f;} div#xqgh td.n1 {color:#990000;border-color:#990000;background-color:#fc9;} div#xqgh td.h1 {color:#990000;border-color:#990000;background-color:#f60;} div#xqgh td.n2 {color:#002340;border-color:#002340;background-color:#dee3e9;} div#xqgh td.h2 {color:#002340;border-color:#002340;background-color:#6289a3;}

Something in your main stylesheet overriding the dump styles?

I’ve occasionally seen dump output squashed into a tiny column - but
that’s generally been our doing. I’ve never seen it entirely
un-styled.

The id of the wrapping div is not referenced in the inline styles (or
JS for that matter) - but the class (in my case -lucee-dump modern)
is.Op 31 mrt. 2016, om 16:20 heeft Seb Duggan <@Seb_Duggan> het volgende geschreven:
On Thursday, 31 March 2016 10:49:19 UTC+1, Geoff Parkhurst wrote:

On 31 March 2016 at 08:38, Seb Duggan <seb.d...@gmail.com <javascript:>> wrote:

I’m seeing an issue where if I do a dump to a file (HTML format), the
resulting data is unstyled. This is in Lucee 5, but I saw the same issue in
4.5.

Looking at the source of the output, the CSS implies that the content will
all be contained in a div with a random 4-char id (e.g. div#xoop). However,
the content is not wrapped in this div.

If I edit the dumped file to add in the div and id, it displays using the
expected styling…


Love Lucee? Become a supporter and be part of the Lucee project today! -
http://lucee.org/supporters/become-a-supporter.html http://lucee.org/supporters/become-a-supporter.html

You received this message because you are subscribed to the Google Groups
“Lucee” group.
To unsubscribe from this group and stop receiving emails from it, send an
email to lucee+un...@googlegroups.com <javascript:>.
To post to this group, send email to lu...@googlegroups.com <javascript:>.
To view this discussion on the web visit
https://groups.google.com/d/msgid/lucee/6098ce88-5c1b-45b2-a746-34a2e13b8e19%40googlegroups.com https://groups.google.com/d/msgid/lucee/6098ce88-5c1b-45b2-a746-34a2e13b8e19%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout https://groups.google.com/d/optout.


Love Lucee? Become a supporter and be part of the Lucee project today! - http://lucee.org/supporters/become-a-supporter.html http://lucee.org/supporters/become-a-supporter.html

You received this message because you are subscribed to the Google Groups “Lucee” group.
To unsubscribe from this group and stop receiving emails from it, send an email to lucee+unsubscribe@googlegroups.com mailto:lucee+unsubscribe@googlegroups.com.
To post to this group, send email to lucee@googlegroups.com mailto:lucee@googlegroups.com.
To view this discussion on the web visit https://groups.google.com/d/msgid/lucee/32303fd3-117e-46b0-abef-6d621efcb7b2%40googlegroups.com https://groups.google.com/d/msgid/lucee/32303fd3-117e-46b0-abef-6d621efcb7b2%40googlegroups.com?utm_medium=email&utm_source=footer.
For more options, visit https://groups.google.com/d/optout https://groups.google.com/d/optout.