Guillaume Piot | Application Developer & User Interface Designer » Cheat sheet http://gpiot.com Tue, 30 Apr 2013 08:42:21 +0000 en hourly 1 http://wordpress.org/?v=3.1.3 Facebook page tab: hide scroll bars from iframe http://gpiot.com/facebook-page-tab-hide-scroll-bars-from-iframe/ http://gpiot.com/facebook-page-tab-hide-scroll-bars-from-iframe/#comments Tue, 18 Oct 2011 19:05:42 +0000 admin http://gpiot.com/?p=347 In the following case, we are using an iFrame to render a page tab in our Facebook page. The page in the iFrame is hosted on a different server.

1. First of all, we need to setup the Facebook app canvas settings accordingly (in the advanced settings of the app):

2. Then using javascript we’ll ask Facebook to resize the frame automatically. Add the following code inside your page <head>:

1
2
3
<script src="https://connect.facebook.net/en_US/all.js" type="text/javascript"></script> <script type="text/javascript">// <![CDATA[
      FB.Canvas.setAutoResize();
// ]]></script>

3. Finally, we need to force our body and html tag to avoid scroll bars. In your style sheet add the following:

1
2
3
4
5
body, html {

overflow:hidden;

}

or inline with the html code:

1
2
3
<html style="overflow:hidden;">

<body style="overflow:hidden;">

This has worked for me to remove all the scroll bars. It’s working on the 18th of October, but because Facebook keep changing their code, it may change in the future.

 

]]> http://gpiot.com/facebook-page-tab-hide-scroll-bars-from-iframe/feed/ 3 Linux: search for string in files from command line http://gpiot.com/linux-search-for-string-in-files-from-command-line/ http://gpiot.com/linux-search-for-string-in-files-from-command-line/#comments Fri, 10 Sep 2010 11:49:03 +0000 admin http://localhost/devblog/?p=43 grep -H -r “string to find” /folder/where/you/want/to/search

]]> http://gpiot.com/linux-search-for-string-in-files-from-command-line/feed/ 0