Exit
  • Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
  • 한국 커뮤니티
0

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

Guest
Aug 31, 2010 Aug 31, 2010

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?

1.3K
Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
Sep 11, 2010 Sep 11, 2010

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

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Guest
Sep 11, 2010 Sep 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!

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Guest
Sep 23, 2010 Sep 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!

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
Nov 19, 2010 Nov 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?

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Guest
Nov 19, 2010 Nov 19, 2010
LATEST

<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.

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Resources