50 votes

Comment informer les contrôles utilisateur des classes css dans ASP.NET

Puisqu'il n'existe pas de sections d'en-tête pour les contrôles de l'utilisateur dans asp.net contrôles utilisateur n'avons aucun moyen de le savoir fichiers de feuille de style. Afin de classes css dans les contrôles de l'utilisateur ne sont pas reconnus par visual studio et produit des avertissements. Comment puis-je faire un contrôle à l'utilisateur de savoir qu'il va se rapportent à une classe css, donc si il s'agit d'un avertissement de moi sur un non-existants de la classe css, cela signifie que la classe n'existent pas?

Edit: Ou dois-je aller pour un design différent comme exposant les classes css des propriétés comme "HeaderStyle-CssClass" de GridView?

65voto

Adam Lassek Points 18918

Voici ce que j'ai fait:

 <link rel="Stylesheet" type="text/css" href="Stylesheet.css" id="style" runat="server" visible="false" />
 

Cela induit Visual Studio en erreur en pensant que vous avez ajouté une feuille de style à la page mais qu'elle n'a pas été rendue.


Voici un moyen encore plus concis de le faire avec plusieurs références.

 <% if (false) { %>
    <link rel="Stylesheet" type="text/css" href="Stylesheet.css" />
    <script type="text/javascript" src="js/jquery-1.2.6.js" />
<% } %>
 

Comme on le voit dans ce billet de blog de Phil Haack.

3voto

Abdul Saboor Points 775

Ajoutez le style sur votre contrôle utilisateur et importez le css dedans.

  <%@ Control Language="vb" AutoEventWireup="false" CodeBehind="WCReportCalendar.ascx.vb"
Inherits="Intra.WCReportCalender" %>
 <style type='text/css'>    
      @import url("path of file.css");
       // This is how i used jqueryui css
      @import url("http://code.jquery.com/ui/1.10.0/themes/base/jquery-ui.css");               

 </style>

 your html 
 

0voto

Rob Cooper Points 15945

Si vous êtes à la création de composites UserControl, alors vous pouvez définir la CSSClass de propriété sur les contrôles enfants..

Si non, alors vous avez besoin d'exposer les propriétés que soit le Style de type, ou (comme je le fais souvent) chaîne de propriétés CSS qui s'appliquent au type de rendu (par exemple, les propriétés et ajouter un style attribut pour les balises HTML lors du rendu).

-4voto

Vous pouvez utiliser CSS direct en userControl .

Utilisez ceci en UserControl :

  <head>
    <title></title> 
    <style type="text/css">
      .wrapper {
          margin: 0 auto -142px; 
         /* the bottom margin is the negative value of the footer's height */ 
       }
    </style>
 </head>
 

Cela fonctionnera.

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X