Skip to main content
A
Anonymous
August 31, 2010
Question

CF9 and Ext JS - has anyone applied a different theme?

  • August 31, 2010
  • 2 replies
  • 1301 views

Has anyone had any luck applying Ext JS themes to override the built-in theme that ships with CF 9? If so, which theme did you apply, where did you get it, and what was your method?

My guess is that i can put any Ext JS 3.0 theme into my web site and then include the ext-all.css file and it should work. CF 8 allowed us to switch between themes (at least for some of the Ext JS functionality), which was cool because you could (in theory) add new themes on the server level and allow each of your applications to quickly choose. But this seems to be scrapped.

Ideas?

    This topic has been closed for replies.

    2 replies

    A
    Anonymous
    September 23, 2010

    I was able to apply a different theme as follows:

    First, I downloaded one of these: (very simple modifications of the default CF theme)

    http://extjs.fudini.net/

    Then I used the csssrc attribute in cfajaximport to specify where I want CF to look for the styles. You will have to rearrange the folders of your downloaded extjs theme to be exactly like the one that ships with CF. Look at the documentation for cfajaximport.

    If you have control over your server, you could try putting new themes in the ColdFusion folder so they can be accessible by all your applications.

    If anyone knows how to find some really cool extjs themes, please share!

    D
    dePIXion
    Participant
    November 19, 2010

    Thank you very much for this information.  It works nicely for CFLAYOUT (and maybe other tags.) However, we haven't been able to get the styling to work for CFFORM tag.  Were you able to get that to work?

    A
    Anonymous
    November 19, 2010

    <cfform> shouldn't really have a style... it just translates to a <form> html element, which is up to you how you want to style it. You can easily add styles to your <form> elements by defining your own CSS for them.

    D
    dePIXion
    Participant
    September 11, 2010

    We would love to get an answer to this as well!

    A
    Anonymous
    September 11, 2010

    I havent played around with it yet, but <cfajaximport> includes a cssSrc attribute that tells coldfusion where to include the ajax css files. It says:

    "This  directory must have the same directory structure, and contain the  same CSS files, and image files required by the CSS files, as the web_root/CFIDE/scripts/ajax/resources  directory."

    I'm guessing that if you can find an ext js theme that you want to use, you can use this attribute to point to the CSS files and it should all just work. But like I said, I haven't done it yet. If you try it, please post your results to this thread, Thanks!

    Terms & ConditionsAccessibility statement
    Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices