Styling the header area of a pod using the CFPOD tag in ColdFusion

Readability

Styling the header area of a pod using the CFPOD tag in ColdFusion

In a pre­vi­ous exam­ple, “Styling the con­tent area of a pod using the CFPOD tag in Cold­Fu­sion”, we saw how you could style the body/​content area of a pod by set­ting the bodyStyle attribute on a <CFPOD> in ColdFusion.

The fol­low­ing exam­ple shows you how you can style the title/​header area of a pod by set­ting the headerStyle attribute on a <CFPOD> in ColdFusion.




    

And the out­put of the <CFPOD> tag is as fol­lows:

In a previous example, “Styling the content area of a pod using the CFPOD tag in ColdFusion”, we saw how you could style the body/content area of a pod by setting the bodyStyle attribute on a <CFPOD> in ColdFusion.

The following example shows you how you can style the title/header area of a pod by setting the headerStyle attribute on a <CFPOD> in ColdFusion.

<cffeed action="read"
        source="http://coldfusionexamples.com/feed/"
        query="rssFeed" />
 
<cfpod title="ColdFusion Examples RSS Feed"
        width="400"
        headerStyle="text-align: center; background-color: black; color: red; font-family: Comic Sans MS; font-size: 11;">
    <ul>
    <cfoutput query="rssFeed">
        <li>[#DateFormat(rssFeed.publishedDate)#] <a href="#rssFeed.rssLink#">#rssFeed.title#</a></li>
    </cfoutput>
    </ul>
</cfpod>

And the output of the <CFPOD> tag is as follows:

Leave a Reply

Your email address will not be published.