How to control the page transformation output?

AXCHU

Hi everyone,

We are on TeamSite/SitePublisher 7.2, no livesite. I just created a test html page with the out-of-the-box “Basic Header and Footer” template. The output html looks very ugly. I am wondering if there is a way to control the page transformation and output process to produce exact html output? If so, what are the steps? Is there a documentation?

Here is the output html example. I want to get rid of the extra ls comments, meaningless styling and apply some custom transformation logic as I'd able to do in the teamsite TPL. Thanks. - Alan


<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />tableLayout


&amp;amp;amp;lt;br&amp;amp;amp;gt;body&amp;amp;amp;lt;br&amp;amp;amp;gt;{&amp;amp;amp;lt;br&amp;amp;amp;gt; margin:0;&amp;amp;amp;lt;br&amp;amp;amp;gt; &amp;amp;amp;lt;br&amp;amp;amp;gt;}&amp;amp;amp;lt;br&amp;amp;amp;gt;&amp;amp;amp;lt;br&amp;amp;amp;gt;.spacerTable&amp;amp;amp;lt;br&amp;amp;amp;gt;{&amp;amp;amp;lt;br&amp;amp;amp;gt; display:inline;&amp;amp;amp;lt;br&amp;amp;amp;gt; float:left;&amp;amp;amp;lt;br&amp;amp;amp;gt;}&amp;amp;amp;lt;br&amp;amp;amp;gt;&amp;amp;amp;lt;br&amp;amp;amp;gt;.clearFloating&amp;amp;amp;lt;br&amp;amp;amp;gt;{&amp;amp;amp;lt;br&amp;amp;amp;gt; clear:both;&amp;amp;amp;lt;br&amp;amp;amp;gt; line-height:0;&amp;amp;amp;lt;br&amp;amp;amp;gt;}&amp;amp;amp;lt;br&amp;amp;amp;gt;&amp;amp;amp;lt;br&amp;amp;amp;gt;.centerComponents&amp;amp;amp;lt;br&amp;amp;amp;gt;{&amp;amp;amp;lt;br&amp;amp;amp;gt; margin:auto;&amp;amp;amp;lt;br&amp;amp;amp;gt; text-align:left;&amp;amp;amp;lt;br&amp;amp;amp;gt;}&amp;amp;amp;lt;br&amp;amp;amp;gt;&amp;amp;amp;lt;br&amp;amp;amp;gt;#element1&amp;amp;amp;lt;br&amp;amp;amp;gt;{&amp;amp;amp;lt;br&amp;amp;amp;gt; height:0px;&amp;amp;amp;lt;br&amp;amp;amp;gt;}&amp;amp;amp;lt;br&amp;amp;amp;gt;&amp;amp;amp;lt;br&amp;amp;amp;gt;#element2&amp;amp;amp;lt;br&amp;amp;amp;gt;{&amp;amp;amp;lt;br&amp;amp;amp;gt; width:0px;&amp;amp;amp;lt;br&amp;amp;amp;gt; height:1px;&amp;amp;amp;lt;br&amp;amp;amp;gt;}&amp;amp;amp;lt;br&amp;amp;amp;gt;&amp;amp;amp;lt;br&amp;amp;amp;gt;#element3&amp;amp;amp;lt;br&amp;amp;amp;gt;{&amp;amp;amp;lt;br&amp;amp;amp;gt; height:0px;&amp;amp;amp;lt;br&amp;amp;amp;gt;}&amp;amp;amp;lt;br&amp;amp;amp;gt;&amp;amp;amp;lt;br&amp;amp;amp;gt;#element4&amp;amp;amp;lt;br&amp;amp;amp;gt;{&amp;amp;amp;lt;br&amp;amp;amp;gt; width:0px;&amp;amp;amp;lt;br&amp;amp;amp;gt; height:1px;&amp;amp;amp;lt;br&amp;amp;amp;gt;}&amp;amp;amp;lt;br&amp;amp;amp;gt;&amp;amp;amp;lt;br&amp;amp;amp;gt;#element5&amp;amp;amp;lt;br&amp;amp;amp;gt;{&amp;amp;amp;lt;br&amp;amp;amp;gt; height:0px;&amp;amp;amp;lt;br&amp;amp;amp;gt;}&amp;amp;amp;lt;br&amp;amp;amp;gt;&amp;amp;amp;lt;br&amp;amp;amp;gt;#element6&amp;amp;amp;lt;br&amp;amp;amp;gt;{&amp;amp;amp;lt;br&amp;amp;amp;gt; width:0px;&amp;amp;amp;lt;br&amp;amp;amp;gt; height:1px;&amp;amp;amp;lt;br&amp;amp;amp;gt;}&amp;amp;amp;lt;br&amp;amp;amp;gt;&amp;amp;amp;lt;br&amp;amp;amp;gt;#element7&amp;amp;amp;lt;br&amp;amp;amp;gt;{&amp;amp;amp;lt;br&amp;amp;amp;gt; height:0px;&amp;amp;amp;lt;br&amp;amp;amp;gt;}&amp;amp;amp;lt;br&amp;amp;amp;gt;&amp;amp;amp;lt;br&amp;amp;amp;gt;#element8&amp;amp;amp;lt;br&amp;amp;amp;gt;{&amp;amp;amp;lt;br&amp;amp;amp;gt; width:0px;&amp;amp;amp;lt;br&amp;amp;amp;gt; height:1px;&amp;amp;amp;lt;br&amp;amp;amp;gt;}&amp;amp;amp;lt;br&amp;amp;amp;gt;&amp;amp;amp;lt;br&amp;amp;amp;gt;<meta name="keywords" content="" /><meta name="description" content="" /><meta name="vpath" content="" /><meta name="page-locale-name" content="" />

class="" style="" id="" >

class="" style="" id="" >

Adam Stoller

Hi everyone, We are on TeamSite/SitePublisher 7.2, no livesite. I just created a test html page with the out-of-the-box “Basic Header and Footer” template. The output html looks very ugly. I am wondering if there is a way to control the page transformation and output process to produce exact html output? If so, what are the steps? Is there a documentation? Here is the output html example. I want to get rid of the extra ls comments, meaningless styling and apply some custom transformation logic as I'd able to do in the teamsite TPL. Thanks. - Alan[html] <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />tableLayout &amp;amp;amp;lt;br&amp;amp;amp;gt;body&amp;amp;amp;lt;br&amp;amp;amp;gt;{&amp;amp;amp;lt;br&amp;amp;amp;gt; margin:0;&amp;amp;amp;lt;br&amp;amp;amp;gt; &amp;amp;amp;lt;br&amp;amp;amp;gt;}&amp;amp;amp;lt;br&amp;amp;amp;gt;&amp;amp;amp;lt;br&amp;amp;amp;gt;.spacerTable&amp;amp;amp;lt;br&amp;amp;amp;gt;{&amp;amp;amp;lt;br&amp;amp;amp;gt; display:inline;&amp;amp;amp;lt;br&amp;amp;amp;gt; float:left;&amp;amp;amp;lt;br&amp;amp;amp;gt;}&amp;amp;amp;lt;br&amp;amp;amp;gt;&amp;amp;amp;lt;br&amp;amp;amp;gt;.clearFloating&amp;amp;amp;lt;br&amp;amp;amp;gt;{&amp;amp;amp;lt;br&amp;amp;amp;gt; clear:both;&amp;amp;amp;lt;br&amp;amp;amp;gt; line-height:0;&amp;amp;amp;lt;br&amp;amp;amp;gt;}&amp;amp;amp;lt;br&amp;amp;amp;gt;&amp;amp;amp;lt;br&amp;amp;amp;gt;.centerComponents&amp;amp;amp;lt;br&amp;amp;amp;gt;{&amp;amp;amp;lt;br&amp;amp;amp;gt; margin:auto;&amp;amp;amp;lt;br&amp;amp;amp;gt; text-align:left;&amp;amp;amp;lt;br&amp;amp;amp;gt;}&amp;amp;amp;lt;br&amp;amp;amp;gt;&amp;amp;amp;lt;br&amp;amp;amp;gt;#element1&amp;amp;amp;lt;br&amp;amp;amp;gt;{&amp;amp;amp;lt;br&amp;amp;amp;gt; height:0px;&amp;amp;amp;lt;br&amp;amp;amp;gt;}&amp;amp;amp;lt;br&amp;amp;amp;gt;&amp;amp;amp;lt;br&amp;amp;amp;gt;#element2&amp;amp;amp;lt;br&amp;amp;amp;gt;{&amp;amp;amp;lt;br&amp;amp;amp;gt; width:0px;&amp;amp;amp;lt;br&amp;amp;amp;gt; height:1px;&amp;amp;amp;lt;br&amp;amp;amp;gt;}&amp;amp;amp;lt;br&amp;amp;amp;gt;&amp;amp;amp;lt;br&amp;amp;amp;gt;#element3&amp;amp;amp;lt;br&amp;amp;amp;gt;{&amp;amp;amp;lt;br&amp;amp;amp;gt; height:0px;&amp;amp;amp;lt;br&amp;amp;amp;gt;}&amp;amp;amp;lt;br&amp;amp;amp;gt;&amp;amp;amp;lt;br&amp;amp;amp;gt;#element4&amp;amp;amp;lt;br&amp;amp;amp;gt;{&amp;amp;amp;lt;br&amp;amp;amp;gt; width:0px;&amp;amp;amp;lt;br&amp;amp;amp;gt; height:1px;&amp;amp;amp;lt;br&amp;amp;amp;gt;}&amp;amp;amp;lt;br&amp;amp;amp;gt;&amp;amp;amp;lt;br&amp;amp;amp;gt;#element5&amp;amp;amp;lt;br&amp;amp;amp;gt;{&amp;amp;amp;lt;br&amp;amp;amp;gt; height:0px;&amp;amp;amp;lt;br&amp;amp;amp;gt;}&amp;amp;amp;lt;br&amp;amp;amp;gt;&amp;amp;amp;lt;br&amp;amp;amp;gt;#element6&amp;amp;amp;lt;br&amp;amp;amp;gt;{&amp;amp;amp;lt;br&amp;amp;amp;gt; width:0px;&amp;amp;amp;lt;br&amp;amp;amp;gt; height:1px;&amp;amp;amp;lt;br&amp;amp;amp;gt;}&amp;amp;amp;lt;br&amp;amp;amp;gt;&amp;amp;amp;lt;br&amp;amp;amp;gt;#element7&amp;amp;amp;lt;br&amp;amp;amp;gt;{&amp;amp;amp;lt;br&amp;amp;amp;gt; height:0px;&amp;amp;amp;lt;br&amp;amp;amp;gt;}&amp;amp;amp;lt;br&amp;amp;amp;gt;&amp;amp;amp;lt;br&amp;amp;amp;gt;#element8&amp;amp;amp;lt;br&amp;amp;amp;gt;{&amp;amp;amp;lt;br&amp;amp;amp;gt; width:0px;&amp;amp;amp;lt;br&amp;amp;amp;gt; height:1px;&amp;amp;amp;lt;br&amp;amp;amp;gt;}&amp;amp;amp;lt;br&amp;amp;amp;gt;&amp;amp;amp;lt;br&amp;amp;amp;gt;<meta name="keywords" content="" /><meta name="description" content="" /><meta name="vpath" content="" /><meta name="page-locale-name" content="" /> class="" style="" id="" > class="" style="" id="" > [/html]

Please learn how to Preview your post before submitting it -- and then learn how to properly format your post so that your code shows up.