Question:

In my application, an invitation form will be displayed. However, part of the form is overlapped by the Facebook ads on the right column. How to fix this?

 

 

 

Answer:

Appreciate if you can like this page if you find it useful! - Click "Like"

To fix the problem, you should explicitly set the width in the <fb:serverFbml> XFBML tag.

Sample code is given below:

<fb:serverFbml width="760px">
  <script type="text/fbml">
    <fb:fbml>
      <fb:request-form
            action='http://apps.facebook.com/demoapp_iframe/index.php'
            method='POST'
            type='eLearning'
            content="Let's learn Facebook App Development
        <fb:req-choice url='http://www.takwing.idv.hk/tech/fb_dev/index.php' label='Register'/>"
        <fb:multi-friend-selector actiontext="Select your IT friends."></fb:multi-friend-selector>
     </fb:request-form>
   </fb:fbml>
  </script>
</fb:serverFbml>

 

 

Find my FAQ on Facebook Development useful? Download the PDF for all the FAQs HERE!