CiviCRM Community Forums (archive)

Hello everyone,

I am working to get Civicrm set up for a small business, and have run into a problem using the HTML Form snippet code. Using drupal 6.20, Civicrm 3.3.5, here is what I am seeing: It appears that the css and js code is not being included properly.

If I take the HTML form snippet and paste it into a different domain (different subdomain, actually), the layout of the page is broken. ( this is also a drupal site, actually, it is a sister site in a multi-site setup)

If I paste the HTML form snippet into the drupal site where CIVICRM lies, the layout works fine, as long as I am logged in. If I am NOT logged in, the layout is broken.

If the HTML is pasted into a completely third party site, the formatting isn't correct either.

By broken formatting, here is an example: we have several countries in the standard select list-when the country is changed, a select list of states/provinces is updated to reflect the states and provinces of that new country. This doesn't get updated by the js - the choices remain the U.S. states. Also, the nice right-left alignment of field names and blank fields is disrupted.

Any ideas on this?

Thanks Lobo, this helps.

The cross-domain js scripting, and security- that makes sense.

But looking at the page with the snippet that IS on the domain in question:
I found several civicrm css files that weren't being loaded: deprecate.css, civicrm.css and extras.css. These are not present when anonymous users view the page which has the profile form snippet on it, or when a user with a 'low-grade' role (including 'authenticated') is logged in.

When a user with an 'admin' role views these pages, the page includes references to those css files. I am not sure what determines whether those css files are included or not. I tried giving anonymous and authenticated greater permissions within drupal- including 'access civicrm' and 'profile listings'. Still, no dice.

For the time being, I will probably include references to these css files at the drupal theme layer. But that's not my preferred solution. Perhaps the issue lies with a configuration at the civicrm permissons level (ACLs)?

There is another drupal module I am using that might be screwing this up as well: IE Unlimited CSS Loader, http://drupal.org/project/unlimited_css
It works around a limitation in which IE only loads 31 stylesheets per page and the admin can't combine css files in admin/settings/performance . It uses @import to include the css files. I don't see how that would affect things, but perhaps its pertinent.

Any ideas on how I might chase down this issue are appreciated.

"...and enable css aggregation" ---

Within drupal, I am using the 'drupal handles file transfers' rather than 'file transfers by http directly' option in Settings->File System.

This means I can't enable css aggregation- I think the aggregated css file lies (usually) in sites/default/files - which isn't used if drupal is handling file transfers.

I ended up working around it pretty easily by just importing those files just before the form snippet- that works fine, but a little ugly.