ansaurus

Question

How can I put a Silverlight Application into a ASP MVC view page?

Answer 1

+2 A:

One mistake I see is that you should have a forward slash before the ClientBin folder...

<param name="source" value="/ClientBin/MiniSIG.xap"/>

Also, I'd include this code to ensure Firefox compatibility:

<style type="text/css">     
#silverlightControlHost
{
  height: 100%;
}
</style>

<div id="silverlightControlHost"> 
  <!-- Silverlight object goes here -->
</div>

(Otherwise the Silverlight app will be collapsed and invisible in Firefox.)

Steve Wortham 2010-07-01 22:45:53

Answer 2

A:

Thanks, it barely worked (worked on Chrome, but still don't work on Firefox). How can I erase the Firefox cache (if this is the problem)? Sorry if it's not a programming question, but it is buging me. I put the <% Response.AddHeader("Pragma", "No-Cache"); %> line in the begining of my Site.Master, and my header looks like:

<style type="text/css">
    html, body {
     height: 100%;
     overflow: auto;
    }
    body {
     padding: 0;
     margin: 0;
    }
    #silverlightControlHost {
     height: 100%;
     text-align:center;
    }
    </style>
    <script type="text/javascript" src="Silverlight.js"></script>
    <script type="text/javascript">
        function onSilverlightError(sender, args) {
            var appSource = "";
            if (sender != null && sender != 0) {
              appSource = sender.getHost().Source;
            }

            var errorType = args.ErrorType;
            var iErrorCode = args.ErrorCode;

            if (errorType == "ImageError" || errorType == "MediaError") {
              return;
            }

            var errMsg = "Unhandled Error in Silverlight Application " +  appSource + "\n" ;

            errMsg += "Code: "+ iErrorCode + "    \n";
            errMsg += "Category: " + errorType + "       \n";
            errMsg += "Message: " + args.ErrorMessage + "     \n";

            if (errorType == "ParserError") {
                errMsg += "File: " + args.xamlFile + "     \n";
                errMsg += "Line: " + args.lineNumber + "     \n";
                errMsg += "Position: " + args.charPosition + "     \n";
            }
            else if (errorType == "RuntimeError") {           
                if (args.lineNumber != 0) {
                    errMsg += "Line: " + args.lineNumber + "     \n";
                    errMsg += "Position: " +  args.charPosition + "     \n";
                }
                errMsg += "MethodName: " + args.methodName + "     \n";
            }

            throw new Error(errMsg);
        }
    </script>

Any advice?

PS: At my browser status field, it shows that my page is trying to reach Microsoft site (which is weird, since I already have the silverlight running, even in firefox).

Bruno 2010-07-02 18:57:33

I'm sure it's not the cache. F5 should refresh the HTML (which should do the trick), and Shift+F5 will refresh everything else. So either there's some issue with your particular install of Firefox or there's something else wrong in your markup. If you open up Regex Hero ( http://regexhero.net/tester/ ) in Firefox, does it work? If so, you might find the answer in the HTML of that page.

Steve Wortham 2010-07-02 19:04:40

As for the microsoft.com in the status bar, there is an image that points to http://go.microsoft.com/fwlink/?LinkId=108181 for the "Get Silverlight" button.

Steve Wortham 2010-07-02 19:10:36

But it doesnt even show this get silverlight button, so, its pointless.

Bruno 2010-07-02 19:13:30

The Get Silverlight button should only appear if you don't have Silverlight installed (but it's going to access that URL regardless). I'm still thinking there's something else going on here.

Steve Wortham 2010-07-02 19:20:02

Where else could the problem be? I put the style and the script in the header, and at my view page I just put the code inside the div tags as you said above. In the Chrome it works fine, and the default test page works fine on firefox too.

Bruno 2010-07-02 19:22:48

You didn't post the full HTML so I'm not sure. Is the div id using the same case as the CSS? It should be `id="silverlightControlHost"`. I ran into this same issue with Regex Hero not showing up in Firefox last year, by the way. Turned out to be a CSS issue.

Steve Wortham 2010-07-02 19:28:30

OK, the HTML looks fine to me too. Had you changed the Silverlight app itself? If so you can manually clear that cache within Firefox. Or you can force the browser to download a new version of the XAP file like this... `<param name="source" value="/ClientBin/MiniSIG.xap?ticks=<%= Date.Now.Ticks %>"/>`

Steve Wortham 2010-07-02 19:49:34

I get a compilator eror with this code line.

Bruno 2010-07-02 19:58:28

I didn't test it... maybe it should be DateTime.Now.Ticks? Or just forget the ASP.NET tags and type some gibberish into the querystring. The idea is that the querystring makes the browser think that it's a different resource than it downloaded last time, and therefore has to get a fresh copy.

Steve Wortham 2010-07-02 20:02:02

It didn't work as well.

Bruno 2010-07-02 21:06:15

Answer 3

A:

I solved the problem using half the solution Steve Wortham gave: instead of typing 100%, I typed 480px, which is the size of my Silverlight application, that now works on Firefox too.

Bruno 2010-07-05 17:04:07

ansaurus

tags:

views:

answers:

How can I put a Silverlight Application into a ASP MVC view page?

MiniSIG

related questions