Modifier le menu stantard de VS 2010

Question

Bonjour,

Je voudrais modifier le menu avec onglet que créer VS 2010 dans un nouveau projet,

à savoir l’afficher en plein écran, et centrer dans la page le contrôle du mot de passe.

J’ai essayé en modifiant le fichier « site.css », mais je n’y arrive pas.

Est-ce possible ? Si oui comment ?

Merci pour votre aide.

Salutations

Answer 1

Bonjour,

Dans votre application ASP .NET, qu'appellez vous par "menu à onglet" ? Que souhaitez vous modifier ?

Cordialement

---

Gilles TOURREAU - MVP C#
Architecte logiciel/Consultant/Formateur Freelance
Blog : http://gilles.tourreau.fr
- MCPD : Enterprise Developper / Windows Developper 3.5 / ASP .NET 3.5/4.0
- MCITP : SQL Server 2008 Developper
- MCTS : ADO .NET 3.5 / SQL Server 2008 Developper / Windows Forms 3.5 / ASP .NET 3.5/4.0

Answer 2

Bonjour,<o:p></o:p>

Merci pour votre réponse.<o:p></o:p>

Dans un premier temps centrer les contrôles login, et ouvrir la page en grand écran.<o:p></o:p>

Ci-joint photo:

http://cjoint.com/12fe/BBullUW3yfZ.htm

Salutations.

Answer 3

 

Bonjour, Jacques,

Ce que vous voulez faire est plutôt lié à HTML et CSS. Pour repositionner le menu à gauche, il faut d’abord modifier le fichier « Site.master » (qui se trouve dans « Views/Shared » dans votre projet). Plus précis, il faut ajouter un <br /> avant <div id="menucontainer" >. Puis, il faut aussi modifier le fichier « site.css » : allez à ul#menu et modifiez text-align à left.

Pour centrer les contrôles Login, ajoutez tout le contenu de <asp:Content ID="loginContent" ContentPlaceHolderID="MainContent" runat="server">

du fichier « Views/Account/LogOn.aspx » dans un <div style="width:500px; margin: 0px auto;">. Notez qu’il faut modifier la valeur de width selon vos besoins. Tandis que margin: 0px auto; va centrer le div.

Bonne journée,

Cipri

---

 

Ciprian DUDUIALA, MSFT  
•Nous vous prions de considérer que dans le cadre de ce forum on n’offre pas de support technique et aucune garantie de la part de Microsoft ne peut être offerte.

Answer 4

Bonjour Cipri,

Merci pour votre réponse.

Je  ne retrouve aucun des éléments à ajouter ou modifier que vous m’avez indiqués, c’est pour cela que je
vous joins les pages Site.master, Site.css, Login.aspx.

http://cjoint.com/?0Bvuq1lplVl

Si vous le permettez, je pourrais joindre le projet qui est tout simple.

Salutations.

Jacques.

Answer 5

 

Bonjour,

J’ai téléchargé l’archive, mais j’ai seulement trouvé  quelques fichiers xml. Essayez les envoyer de nouveau ou joindrez le projet.

Bonne journée,

Cipri

---

 

Ciprian DUDUIALA, MSFT  
•Nous vous prions de considérer que dans le cadre de ce forum on n’offre pas de support technique et aucune garantie de la part de Microsoft ne peut être offerte.

Answer 6

Bonsoir Cipri,

Toutes mes excuses pour les fichiers. Ci-joint un nouveau lien:

http://cjoint.com/?0BwvOdNRg8R

Salutations.

Jacques.

Answer 7

 

Bonjour,

Ma faute. Je n’ai pas payé attention et je vous ai offert une solution pour un projet ASP.NET MVC.

Donc, pour centrer les contrôles, il faut ajouter le contenu de <asp:Content ID="BodyContent" runat="server" ContentPlaceHolderID="MainContent"> du fichier « Account/Login.aspx » dans un <div style="width:65%; margin: 0px auto;">. En plus, il faut aussi modifier dans le fichier « Site.css » le style pour div.accountInfo. On a width: 42%; et il faut le modifier a width: 75%;, par exemple, vu que le control parent a été modifié.

J’ai mis aussi le projet modifié sur Skydrive :

https://skydrive.live.com/redir.aspx?cid=ca477642bc903f5c&resid=CA477642BC903F5C!213&parid=CA477642BC903F5C!212

Bonne journée,

Cipri

---

 

Ciprian DUDUIALA, MSFT  
•Nous vous prions de considérer que dans le cadre de ce forum on n’offre pas de support technique et aucune garantie de la part de Microsoft ne peut être offerte.

Answer 8

Bonjour Cipri ,

Merci pour le fichier, le login est maintenant centré, mais j’aimerais, si possible, que la page s’affiche sur tout l’écran.

J’ai beau modifié la classe header ou main, rien ne change.

Pouvez-vous m’aider ?

Salutations.

Jacques

Answer 9

 

Bonjour,

Dans le fichier « Site.css » cherchez « .page » et modifiez width: 960px à width: 100%.

Bonne journée,

Cipri

---

 

Ciprian DUDUIALA, MSFT  
•Nous vous prions de considérer que dans le cadre de ce forum on n’offre pas de support technique et aucune garantie de la part de Microsoft ne peut être offerte.