Mặc định ứng dụng Silverlight của bạn sẽ được đặt bên trái trình duyệt của bạn. Vậy bằng cách nào nếu bạn muốn đặt ứng dụng Silverlight của bạn vào chính giữa trình duyệt của bạn khi nó xuất hiện?
Chạy demo này tại đây: http://silverlight.live.com/ContentTestPage.aspx?setName=Keep+me+centered
Có nhiều cách để thực hiện điều đó, dưới đây là một trong những kĩ thuật đó:
- Để bắt đầu, hãy mở trang web mà chứa các control Silverlight của bạn.
- Di chuyển control Silverlight của bạn vào một bảng với một dòng đơn(single cell) hay vào một div . Thêm một style vào table và gán cho margin-left và margin-right sang "auto".
- Bạn cũng sẽ cần gán vào <td> width và height để chọn kích cỡ cho Silverlight control của bạn nếu không thì control của bạn sẽ không được render (vẽ).
Thí dụ:
<body>
<form id="form1" runat="server" style="height: 100%;">
<asp:ScriptManager ID="ScriptManager1" runat="server">
</asp:ScriptManager>
<table style="margin-left: auto; margin-right: auto;">
<tr>
<td style="width: 600px; height: 300px;">
<asp:Silverlight ID="Xaml1" PluginBackground="Transparent" runat="server" Source="~/ClientBin/SilverlightDev.xap"
MinimumVersion="2.0.30523" Width="100%" Height="100%" />
</td>
</tr>
</table>
</form>
</body>
Ngoài ra, bạn còn có thể sử dụng một thẻ div:
<div style="width: 100%; margin: 0">
<div style="margin: auto; width: 600px; height: 300px">
<asp:Silverlight ID="Xaml1" runat="server" Source="~/ClientBin/SilverlightDev.xap" MinimumVersion="2.0.30523" Width="100%" Height="100%" />
</div>
</div>
Chính là điều đó! Và bây giờ Silverlight control của bạn sẽ ở ngay chính giữa trình duyệt của bạn.
Cửa sổ trình duyệt như sau:
Thank you,
--Mike Snow
