CF Mitrah Blog

I made small css based locale switcher with theme. You can see the demo here. In this example, common.css has generic style definations for page elements. gray.css has india locale and gray theme style definations. yellow.css has US locale and yellow theme style definations. Below 3 lines of javascript code will switch locale as well as theme.

<script>
function changeTheme(){
    var obj = document.getElementById("themeContainer"); 
    obj.className = (obj.className=='gray')?'yellow':'gray'; 
}
</script>

you can download this example here.

While trying to implement samfarmer blog entry example, I found a small UI issue in CF Grid. In My local machine, I installed CF 9 as "Build-in web server" then I configured my web servers using "Web Server Configuration Tool". So I can run my CFM codes in IIS, Apache as well as in build-in web server based upon client requests.

I run the Samfarmer's code in build-in web server's web root. It was working fine.

<cfquery name="getArt" datasource="cfartgallery">
select ARTID, ARTNAME, DESCRIPTION, ISSOLD, PRICE, CURRENT_DATE aDate 
from ART 
</cfquery>
<cfdump var="#getArt#" top="10">

<cfform>
<cfgrid format="html" name="art" query="getArt" align="left" selectmode="edit">
    <cfgridcolumn name="artname" type="string_noCase">
    <cfgridcolumn name="isSold" type="boolean">
    <cfgridcolumn name="price" type="numeric">
    <cfgridcolumn name="aDate" type="date">
</cfgrid>
</cfform>

While I try to run the code from IIS web root. I got follwoing JS error in Firebug. I know it is because of JS,CSS file path issue.

"ColdFusion is not defined
 ColdFusion.Ajax.importTag('CFGRID');
 http://localhost/cfgridNewDataType.cfm at Line 20"

I imported the JS, CSS file paths using cfajaximport.

<cfajaximport scriptsrc="http://localhost:8500/CFIDE/scripts" csssrc="http://localhost:8500/CFIDE/scripts/ajax" />
<cfquery name="getArt" datasource="cfartgallery">
select ARTID, ARTNAME, DESCRIPTION, ISSOLD, PRICE, CURRENT_DATE aDate 
from ART 
</cfquery>
<cfdump var="#getArt#" top="10">
<cfform>
<cfgrid format="html" name="art" query="getArt" align="left" selectmode="edit">
    <cfgridcolumn name="artname" type="string_noCase">
    <cfgridcolumn name="isSold" type="boolean">
    <cfgridcolumn name="price" type="numeric">
    <cfgridcolumn name="aDate" type="date">
</cfgrid>
</cfform>

After did sorting in a column I found below UI issue. x-grid3-sort-icon pointing to /CFIDE/scripts/ajax/resources/ext/images/default/s.gif instead of http://localhost:8500/CFIDE/scripts/ajax/resources/ext/images/default/s.gif

Is it Issue? I am not sure, May be I missed some argument.

My Blog aggregated in Adobe feeds as well as in coldfusionbloggers. My special thanks to Ray and Adobe feeds coordinators.

Hi to all, Quick intro about me, This is CF Mitrah(CF Friend). CF Developer.

you can reach me here.

4CFF (For ColdFusion Foundation)  was announced to increase the popularity of CFML and to help open source CFML projects. To get more details, check 4CFF website or follow 4CFF official twitter