Download & Extend
Drupal for Facebook » Issues

fb_fbml theme in one column, without panels, views_slideshow nor collapsiblock

Posted by J0nathan on June 7, 2010 at 3:48pm
Project:Drupal for Facebook
Version:6.x-2.0-rc2
Component:Canvas Pages (FBML)
Category:support request
Priority:minor
Assigned:J0nathan
Status:closed (won't fix)

Issue Summary

Hi,

First of all, "I read the README.txt from start to finish".

I have created a Facebook application to show a site but when I see it on Facebook, it appears in only one column.

I use fb 6.x-2.0-rc2 and the theme fb_fbml. I tried to move the blocks in different regions, but the blocks in the region "canvas right" are displayed at the bottom of the content. It looks like it doesn't want to show more than one column. If I place blocks in "canvas header", they go before the content, which is good.

Also, I have panels, but they don't work. I see the blocks into the panels, but everything is in one column. And I have a block, into a panel, using views_slideshow which has 3 nodes rotating in the original site, but in Facebook I see all three nodes one below each others. When I'm on pages that don't have panels nor views_slideshow, I still see the site in one column.

A couple of blocks use the module collapsiblock. They are not collapsed and it seems this module doesn't work either.

Even when I'm logged in Facebook I see it in one column. So the solution from #452218: fb_fbml theme one column only doesn't work.

I tried version 3.x-dev with the theme from 2.0-rc2 as per #810278: Canvas page will not load in FBML mode, but it didn't work. I haven't used the module themekey as per http://drupal.org/node/810278#comment-3025754.
Is there a plan to include an iframe theme in fb version 3.x? I do not have knowledge to build one. Refering to #803662: fbml theme missing?.

I tried deleting the fb application in Drupal because it came from a beta version of fb, which was not working either, and create a new one in 2.0-cr2. Same thing: one column.

I tried to uninstall completely fb modules to start from the beginning: same thing, one column.

The theme fb_fbml is enabled because I moved blocks to try to resolve this. I am not sure to understand when I read in the issue queue that it is not necessary to enable fb_fbml theme, if so, I suppose it takes the site's default theme and prepare it for Facebook, with its blocks and panels. So I disabled the fb_fbml theme and deleted all its blocks in the DB table "blocks". After that no block where shown in the Facebook application. Then I enabled again the fb_fbml theme to work with its blocks.

I made sure the module fb has a lower weight (-2) than the fb_fbml theme (0). Refering to the README.txt and #187868: Facebook not using fbml theme.

I encounter the same error messages like in #369989: HTML error while rendering tag "img": Relative URLs not allowed here.

The Drupal site is in an Aegir environment.

In settings.php (settings.inc with Aegir) I have this:

if (file_exists('sites/THE_SITE/modules/fb/fb_settings.inc')) {
  ini_set('arg_separator.output',     '&');
  require_once "sites/THE_SITE/modules/fb/fb_settings.inc";
  require_once "sites/THE_SITE/modules/fb/fb_url_rewrite.inc";
}

In pages where I can leave a comment (using CKEditor), I note errors like:

URLExceptionInvalid scheme for url (javascript:Drupal.ckeditorToggle('edit-comment','Passer à l\'éditeur de texte brut','Passer à l\'éditeur de texte riche',1);)

Using the search functionality from Drupal in Facebook shows this:

This webpage has a redirect loop.
The webpage at http://THE_SITE.qc.ca/fb_cb/THE_APP/search/luceneapi_node/test?_fb_handl... has resulted in too many redirects. Clearing your cookies for this site or allowing third-party cookies may fix the problem. If not, it is possibly a server configuration issue and not a problem with your computer.

Clearing the cookies didn't help.

Not sure if related, but to let you know...
modules:
jQuery UI 6.x-1.3
jQuery Update 6.x-2.0-alpha1
libraries:
jQuery UI 1.7.3
jQuery Update 1.3.2

In Facebook, the application's configuration in Canvas is:
Render Method: FBML
IFrame Size: Smart size
Canvas Width: Full width (760px)

In conclusion:
- fb_fbml theme in one column
- panels don't work
- views_slideshow block doesn't work
- collapsiblock doesn't work
I didn't want yet to open separate issues because maybe they are related

What am I missing?
Thanks for helping me.

Login or register to post comments

Comments

#1

Posted by Dave Cohen on June 7, 2010 at 8:28pm

I'm only going to address one issue per thread in the issue queue. So let's take these one a time. In this thread, the fb_fbml theme.

First, facebook recently started recommending iframes over FBML for canvas pages. So if you're starting a new app, you may be better of using iframes.

But back to fb_fbml... possibly there is something in the main column which is too wide to fit in the allotted width, and that's forcing the sidebar to appear below instead of beside. Does the same thing happen on ALL pages? Is there a block (like maybe the fb_devel block) which writes something very wide into the main column? Do scrollbars appear in your iframe?

Can you use firebug or chrome's inspect element to discover the actual widths of your main column and sidebar? They should total 760 px.

#2

Posted by whan on June 8, 2010 at 12:44pm

Hi,

I have the same fb_fbml theme blocks problem. The style_fbml.css class styles are not applied to the facebook application when i inspect element.

Thanks

#3

Posted by J0nathan on June 8, 2010 at 9:58pm

Hi Dave,

Thank you for your quick answer.

Because this is a new website and we are trying to implement Facebook integration with an application, we can use iframes. What I don't understand with this is if we need a different theme instead of fb_fbml. If so, is there any iframes theme available somewhere? I haven't find any in the themes on drupal.org nether into the module fb (2.x nor 3.x).

Back to FBML... The original and default theme on our website, an home made subtheme based on AdaptiveTheme, is:

#container {
width: 1010px !important;
}

Does that mean we have to modify our theme or this is something we can specify through the fb_fbml theme?
As per the design already done, it would be difficult to modify this theme (the default theme). So any suggestion will be welcomed.

Thank you

#4

Posted by whan on June 17, 2010 at 11:11am

I've reinstalled the module and fbml_theme works!

Thanks

#5

Posted by J0nathan on June 24, 2010 at 2:45pm

Hi,
I already have reinstalled the module and different versions without any success.
Any suggestion for #3 ?

#6

Posted by Dave Cohen on June 24, 2010 at 5:04pm

Try inspecting elements of your page using firebug or chrome. If you have an element that is 1010px wide, or anything longer than 760px, you have to figure out how to make it thinner. Sounds like that #container style might be the problem.

#7

Posted by J0nathan on June 30, 2010 at 4:29pm
Priority:normal» minor
Assigned to:Anonymous» J0nathan
Status:active» postponed

Thank you Dave.
Someone else will check that on our site in two weeks (vacation time here).

#8

Posted by alberto56 on July 14, 2010 at 4:06pm
Status:postponed» active

Regarding the theme appearing in one column in facebook, for me this was due to the css not being loaded -- see #849242: No CSS Loaded.

#9

Posted by J0nathan on October 17, 2010 at 12:11pm
Status:active» closed (won't fix)

Project finished.
Closing issue.