Je viens de recevoir mon application sur facebook. Cependant, comme il s'agit d'une application existante, elle est trop grande pour tenir dans la toile de Facebook. Donc, je pense juste que je devrais créer un fichier css différent pour mon application facebook? Si je devais, comment? Ou devrais-je faire autre chose?Comment afficher différemment mon application rails existante sur Facebook canvas
Merci d'avance.
Vous utilisez l'option iframe, n'est-ce pas? Parlez-vous de la largeur du site ou de la hauteur? Parce que la hauteur peut être rendue dynamique. En ce qui concerne la largeur, je suppose que vous avez besoin d'un nouveau style (pourrait être dans une nouvelle feuille de style) pour cela.
Le HTML et le Javascript suivants vous permettent de redimensionner dynamiquement la hauteur de l'iframe. Mettez-le dans votre tête.
<script type="text/javascript" src="http://connect.facebook.net/en_US/all.js"></script>
<script type="text/javascript">
window.fbAsyncInit = function() {
FB.init({appId: 'your_app_id', status: true, cookie: true, xfbml: true});
FB.Canvas.setAutoResize();
};
</script>
Comme pour vérifier le fichier CSS à utiliser. Vous pouvez mettre du Javascript dans le fbAsyncInit pour ajouter un nouveau fichier CSS. Vous pouvez également faire un chèque si vous êtes dans une iframe (dans la tête):
<script type="text/javascript">
if (top === self) {
document.write('<%= stylesheet_link_tag "application" %>');
} else {
document.write('<%= stylesheet_link_tag "facebook" %>');
}
</script>
J'espère que cela fonctionne pour vous. :)