Wiki

Nếu một người nào đó vào trang web có Silverlight của bạn, nhưng lại không có trình Silverlight để hiển thị, thì họ sẽ thấy một hình ảnh được tự động hiển thị như sau:

Và khi  bạn  muốn hiển thị một thông báo rõ ràng hơn là tin nhắn trong hình trên, thì bạn có thể hiển thị trong thông báo đó về tên của trình xem Silverlight, tên website..... Đối với mục đích này, Silverlight đã có hỗ trợ một thuộc tính của Silverlight control trong trang web ASPX của bạn, gọi là  PluginNotInstalledTemplate. Bất cứ điều gì chứa trong template sẽ đều được hiển thị lên không chỉ là  lời nhắn  “Install Microsoft Silverlight” như trong hình trên.

Đối với demo này, chúng ta chỉ đơn giản hiển thị một hình ảnh và một  FWLink chỉ cho bạn biết phiên bản mới nhất của Silverlight.

Khi trang demo này được truy cập mà không có trình xem Silverlight, bạn sẽ thấy như hình dưới đây trong trình duyệt của bạn:

Nào, bây giờ hãy nhìn nhanh vào những dòng code này để xem điều này đã được thực hiện như thế nào:

<asp:Silverlight ID="Xaml1" runat="server" Source="~/ClientBin/SilverlightApplication29.xap"

    MinimumVersion="2.0.30523" Width="100%" Height="100%">

    <PluginNotInstalledTemplate>

        <div class="installSL">

            <div class="centerHV">

                <img src="stop.png" />

                <br />

                <br />

                <a href="http://go.microsoft.com/fwlink/?LinkID=115261"><font size="5" face="Verdana"

                    color="silver">http://go.microsoft.com/fwlink/?LinkID=115261</font></a>

            </div>

        </div>

    </PluginNotInstalledTemplate>

</asp:Silverlight>

Như đã thấy ở trên, chúng ta đơn giản chỉ thay thế nội dung chúng ta muốn hiển thị giữa những tag PluginNotInstalledTemplate  của  Silverlight control của chúng ta .

Chúng ta sử dụng một style trong một thẻ <div>  đặt tên là installSL, để định dạng dữ liệu hiển thị ra , như là hình ảnh ở giữa, hình nền màu đen với chiều dài và chiều rộng là  100%:

<style>

    .installSL

    {

        background-color: Black;

        text-align: center;

        padding-top:50px;

        width: 100%;

        height: 100%;

    }

</style>

Thank you,
--Mike Snow