Растянуть ширину страницы приложения - PullRequest
Новая
       40

Растянуть ширину страницы приложения

1 голос
/ 17 октября 2011

Мне нужно растянуть ширину используемого пространства моего приложения. На следующем рисунке показано, что есть место для использования.

Изображение: http://imageshack.us/photo/my-images/834/imgbe.png/

Пример этого действия: http://apps.facebook.com/meucalendario/

Ps: я пытался использовать: FB.Canvas.setAutoGrow, FB.Canvas.setSize (), но безуспешно.

Спасибо.

Ответы [ 2 ]

2 голосов
/ 17 октября 2011

Ширина холста по умолчанию составляет 760px , но Facebook недавно добавила возможность для разработчиков использовать жидкость ширины.Это означает, что ваш iframe будет иметь ширину 100% и будет расширяться в зависимости от разрешения экрана / браузера пользователя.

Вы можете прочитать официальное сообщение в блоге здесь и пример ( при условии, что вы уже установили опцию в настройках своего приложения ): 

<html>
 <head>
   <title>Fluid Width HTML Example </title>
 </head>

 <body style="margin:0; padding:0; border:0; background-color:#000000">

     <div id="allContent" style="background-color: #0000FF; height:100%">
        <div id="output" style="color: #FFFFFF;" />
     </div>

     <div id="fb-root"></div>
     <script src="http://connect.facebook.net/en_US/all.js"></script>
     <script type="text/javascript">
     FB.init({
            appId  : 'APP ID',
        });

     function echoSize() {
              document.getElementById('output').innerHTML = 
                 "HTML Content Width: " + window.innerWidth + 
                 " Height: " + window.innerHeight;
              console.log(window.innerWidth + ' x ' + window.innerHeight);
        }

       echoSize();
       window.onresize = echoSize;
     </script>
  </body>
</html>

PS: Вы не можете переопределить тикер справа справа!

0 голосов
/ 17 октября 2011

Вы не можете сделать это.Максимальное значение составляет 760 пикселей, это зависит от того, насколько далеко вы можете расширить порт представления вашего приложения.

...