jueves, 16 de julio de 2009

Como centrar una aplicación silverlight en el navegador

Por defecto la aplicación Silverlight es alineada al lado izquierdo del navegador. Ejemplo:


A veces se necesita centrarla por lo que les mostrare una forma de hacerlo:

1. Editar la página donde esta incluido el archivo .xap.
Para los que comienzan lo mas seguro es que ese archivo es: nombre-del-proyecto_TestPage.aspx

En el siguiente código se muestran en negrita las modificaciones hechas para que la aplicación se vea centrada. En primer lugar al archivo original se agrego un div con ancho de 100% y margen 0. Al div que ya viene en el código se dejo margin auto, y el ancho y alto con las dimensiones del archivo xap.

<body style="height:100%;margin:0;">
<form id="form1" runat="server" style="height:100%;">
<asp:ScriptManager ID="ScriptManager1" runat="server"></asp:ScriptManager>
<div style="width: 100%; margin: 0">
<div style="margin: auto; width: 600px; height: 300px">
<asp:Silverlight ID="Xaml1" runat="server" Source="~/ClientBin/Carpetas2.xap" MinimumVersion="2.0.31005.0" Width="100%" Height="100%" />
</div>
</div>
</form>
</body>

El resultado:


Nota:
Visita también el link de como postear codigo fuente en blogger:
http://rightnowweb.blogspot.com/2008/10/como-publicar-cdigo-fuente-en-blogger.html

No hay comentarios: