Themes no ColdFusion 8
Uma das novidades do ColdFusion 8 é o format HTML para a tag CFGRID, que faz uso da biblioteca/framework Ext JS. Apesar de não podermos fazer grandes modificações, podemos dar uma melhorada no visual. Para isso basta fazer referência do CSS utilizado que se encontra na pasta CFIDE/scripts/ajax/ext/resources/css/. Já temos algusn themes lá que servem não só para o CFGRID, mas para todos as tags que fazem uso do Ext JS. E se você tem acesso ao seu administrador, pode criar seu CSS e fazer bom uso do mesmo!
Código de exemplo:
<link href="/CFIDE/scripts/ajax/ext/resources/css/ytheme-aero.css" rel="stylesheet" type="text/css">
<!--- <link href="/CFIDE/scripts/ajax/ext/resources/css/ytheme-vista.css" rel="stylesheet" type="text/css"> --->
<!--- <link href="/CFIDE/scripts/ajax/ext/resources/css/ytheme-gray.css" rel="stylesheet" type="text/css"> --->
<cfquery name="artists" datasource="cfartgallery">
SELECT artistid, lastname, firstname, email
FROM artists
ORDER BY lastname, firstname
</cfquery>
<cfwindow initshow="true" center="true"
width="430" height="340" title="Artists">
<cfform>
<cfgrid name="artists"
format="html"
striperows="yes"
query="artists">
<cfgridcolumn name="lastname" header="Last Name" width="100"/>
<cfgridcolumn name="firstname" header="First Name" width="100"/>
<cfgridcolumn name="email" header="E-Mail" width="200"/>
</cfgrid>
</cfform>
</cfwindow>
<!--- <link href="/CFIDE/scripts/ajax/ext/resources/css/ytheme-vista.css" rel="stylesheet" type="text/css"> --->
<!--- <link href="/CFIDE/scripts/ajax/ext/resources/css/ytheme-gray.css" rel="stylesheet" type="text/css"> --->
<cfquery name="artists" datasource="cfartgallery">
SELECT artistid, lastname, firstname, email
FROM artists
ORDER BY lastname, firstname
</cfquery>
<cfwindow initshow="true" center="true"
width="430" height="340" title="Artists">
<cfform>
<cfgrid name="artists"
format="html"
striperows="yes"
query="artists">
<cfgridcolumn name="lastname" header="Last Name" width="100"/>
<cfgridcolumn name="firstname" header="First Name" width="100"/>
<cfgridcolumn name="email" header="E-Mail" width="200"/>
</cfgrid>
</cfform>
</cfwindow>
Resultados:
Themes Aereo e Vista
Themes Gray e sem Theme
Não há comentários para esse post.
[Adicionar Comentário] [Subscrever nos Comentários]