Highlighted

ext-all.css insertions breaking css in CF11

Explorer ,
Jan 26, 2015

Copy link to clipboard

Copied

We just upgraded to CF11 in our development bed.  We are seeing some of our web pages breaking due to what appears to be inserted css coming from ext-all.css.  For example, in the body tag, an x-body and x-gecko has been added and is overriding some of our css.  I looked in Firefox and the file (ext-all.css) appears in both "view source" of our development bed (CF11) and production (CF8) but the insertions are only happening on CF11.  Is there a setting that needs to be set in order for this not to happen?  Has anyone seen this before?  Any assistance is greatly appreciated.

Adobe Community Professional
Correct answer by BKBK | Adobe Community Professional

It indeed had to be one of the ColdFusion UIs. Could you mark your discovery as the correct answer? It will certainly help someone else in future.

Views

1.6K

Likes

Translate

Translate

Report

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

ext-all.css insertions breaking css in CF11

Explorer ,
Jan 26, 2015

Copy link to clipboard

Copied

We just upgraded to CF11 in our development bed.  We are seeing some of our web pages breaking due to what appears to be inserted css coming from ext-all.css.  For example, in the body tag, an x-body and x-gecko has been added and is overriding some of our css.  I looked in Firefox and the file (ext-all.css) appears in both "view source" of our development bed (CF11) and production (CF8) but the insertions are only happening on CF11.  Is there a setting that needs to be set in order for this not to happen?  Has anyone seen this before?  Any assistance is greatly appreciated.

Adobe Community Professional
Correct answer by BKBK | Adobe Community Professional

It indeed had to be one of the ColdFusion UIs. Could you mark your discovery as the correct answer? It will certainly help someone else in future.

Views

1.6K

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Jan 26, 2015 0
Adobe Community Professional ,
Jan 28, 2015

Copy link to clipboard

Copied

The file {CF_HOME_DIRECTORY}\wwwroot\CFIDE\scripts\ajax\resources\ext\css\ext-all.css is built into the ColdFusion system. ColdFusion uses it, automatically, to style its User Interfaces(UI), such as cfgrid.

For example, run the following code as uiTest.cfm and view the page source.

<cfform>

<cfgrid format="html" name= "testGrid">

<cfgridcolumn name="id" display="true" header="ID"/>

</cfgrid>

</cfform>

My guess is, if you delete such ColdFusion UIs from your pages, which you are well advised to do, ColdFusion will no longer send the stylesheet ext-all.css to the browser.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jan 28, 2015 0
Explorer ,
Jan 28, 2015

Copy link to clipboard

Copied

I checked and the one page in particular does have a cfform but nothing else coldfusion out of the ordinary.  I'm just kind of perplexed as to why the same page has no problem in our production bed (CF8) versus our development bed (recently upgraded to CF11).

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jan 28, 2015 0
Adobe Community Professional ,
Jan 29, 2015

Copy link to clipboard

Copied

What happens when you temporarily comment out the entire cfform?

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jan 29, 2015 0
Explorer ,
Jan 29, 2015

Copy link to clipboard

Copied

I went thru basically line by line and commented out each one to see where the problem was.  Found out it was a <cfwindow> tag.  Nothing in particular inside the window since I commented out the entire contents and just left the <cfwindow> tag by itself.  When it's in play, the css is hosed up.  When it's not, css displays like it should.  I guess I will replace it with something else just so that I won't have this happen again.  I guess I will implement an alternative to the window. 

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jan 29, 2015 0
Adobe Community Professional ,
Jan 29, 2015

Copy link to clipboard

Copied

It indeed had to be one of the ColdFusion UIs. Could you mark your discovery as the correct answer? It will certainly help someone else in future.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jan 29, 2015 0
Community Beginner ,
Feb 03, 2015

Copy link to clipboard

Copied

hi, i am having this exact same problem in upgrading from cf8 to cf11.

in my case, the culprits are cfform, cfwindow and cffileupload.

is there any kind of temporary workaround i can use in order to get this going, while I investigate suitable replacements?

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Feb 03, 2015 0
Adobe Community Professional ,
Feb 03, 2015

Copy link to clipboard

Copied

@Coylo

The workaround I would suggest is as follows. Minimize the risk of disrupting the service. This implies you should continue to use the tags, ext-all.css and all. Bring any issues you encounter to the forum. In the meantime, look for solutions that avoid ColdFusion's built-in User Interface tags.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Feb 03, 2015 1
New Here ,
Mar 31, 2015

Copy link to clipboard

Copied

Hello everybody,

Did someone hear about a solution for this CSS problem?

In all the forums, the advice is always the same : forget CF UIs and look for an alternative... Cool!

Easy when it's just a litlle cfform here or there but, when you have an app built with many cfgrids, with binding etc... do you have to rebuild it from zero???

It seems incredible that the only answer from adobe for all those ext-all problem is "choose something else". If we had known this before, we'd never  have changed from CF9 to CF11 and bought this !!!

If somedy has a workaround for this CSS problem, we arre very interested and so gratefull 🙂

Thank you very much!

Emmanuel

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Mar 31, 2015 2
Mr-zam LATEST
New Here ,
Apr 01, 2015

Copy link to clipboard

Copied

Ya i encountered the same problem after upgrading from cf9 to cf11....

Any suggestion?

currently i just modify some off ext-all.css to suit my display.

Hope someday the team will find solution for this.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Apr 01, 2015 1