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

Readability

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

In a pre­vi­ous exam­ple, “Cre­at­ing a sim­ple pod using the CFPOD tag in Cold­Fu­sion”, we saw how you could cre­ate a sim­ple con­tent pod using the <CFPOD> tag in ColdFusion.

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




    

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

In a previous example, “Creating a simple pod using the CFPOD tag in ColdFusion”, we saw how you could create a simple content pod using the <CFPOD> tag in ColdFusion.

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

<cffeed action="read"
        source="http://coldfusionexamples.com/feed/"
        query="rssFeed" />
 
<cfpod title="ColdFusion Examples RSS Feed"
        width="400"
        bodyStyle="background-color: EEEEEE; 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.