Aide avec la barre de navigation NavSeven Silverlight de Nokola!

Question

J'aime vraiment le NavSeven Silverlight Bar de Nokola.

Vous pouvez jeter un coup d'oeil ici: http://www.nokola.com/sources/

Vous pouvez remarquer tout de suite que la barre de navigation étire tout le chemin à 100% et les icônes sont bien alignés au milieu.

La barre de navigation elle-même a une largeur de 900 pixels dans Page.xaml.

Je l'ai eu pour fonctionner sur mon site Web mais pour une raison quelconque je ne peux pas l'étendre à 100% comme sur le site de Nokola.

Voici ce qui se passe: Je règle la largeur à 100% mais au lieu de l'étirer, il reste à 900 px de largeur et remplit tout le reste avec un espace. C'est un autre problème - peu importe ce que je change la couleur d'arrière-plan, il est toujours blanc qui semble mauvais sur mon fond gris du site. Mais ce n'est pas vraiment le but, il ne s'étend toujours pas comme il le devrait, comme sur le site web de Nokola.

Voici le code que j'utilise pour inclure mon fichier Silverlight:

<div id="silverlightControlHost"> 
     <object data="data:application/x-silverlight-2," type="application/x-silverlight-2" width="100%" height="43px"> 
    <param name="source" value="ClientBin/NavSeven.xap"/> 
    <param name="onError" value="onSilverlightError" /> 
    <param name="background" value="white" /> 
    <param name="minRuntimeVersion" value="3.0.40624.0" /> 
    <param name="autoUpgrade" value="true" /> 
      <param name="enableGPUAcceleration" value="true" /> 
    <a href="http://go.microsoft.com/fwlink/?LinkID=149156&v=3.0.40624.0" style="text-decoration: none"> 
     <img src="http://go.microsoft.com/fwlink/?LinkId=161376" alt="Get Microsoft Silverlight" style="border-style:none"/> 
    </a> 
    </object><iframe id="_sl_historyFrame" style="visibility:hidden;height:0px;width:0px;border:0px"></iframe></div> 

Answer 1

Débarrassez-vous de toutes les largeurs fixes dans votre Page.xaml. Le 900 est probablement encore présent sur une autre grille et remplaçant le comportement par défaut.

Si vous le supprimez, il s'ajustera au conteneur parent Silverlight (qui par défaut est plein écran sauf indication contraire dans la page html - 43 pixels de haut dans votre cas).

Si cela ne résout pas le problème, postez votre XAML pour la page elle-même et la correction ne prendra que quelques minutes.

Espérons que cela aide.