Cómo hacer que los controles de usuario saber sobre las clases css en ASP.NET

StackOverflow https://stackoverflow.com/questions/34390

Pregunta

Puesto que no hay secciones de encabezado para los controles de usuario en asp.net, controles de usuario no tiene manera de saber acerca de los archivos de hoja de estilo.Así que las clases css en los controles de usuario no son reconocidos por visual studio y produce advertencias.¿Cómo puedo hacer un control de usuario sabe que se refieren a una clase css, así que si la advertencia conmigo acerca de una no-existentes de clase css, significa que la clase realmente no existen?

Editar:O debo ir para un diseño diferente como exponer las clases css como propiedades como "HeaderStyle-CssClass" de GridView?

¿Fue útil?

Solución

Esto es lo que hice:

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

Engaña a Visual Studio en el pensamiento de que hemos añadido una hoja de estilos a la página pero no prestados.

Aquí una manera más concisa para hacer esto con múltiples referencias;

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

Como se ve en este blog de Phil Haack.

Otros consejos

Agregar el estilo en el usercontrol y de importación de css en ella.

 <%@ 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

Si usted está creando compuesto UserControl, entonces se puede establecer el CSSClass propiedad en el niño controles..

Si no, entonces usted necesita para exponer las propiedades que son de la Estilo tipo, o (como hago a menudo) las propiedades de la cadena que aplicar CSS en el tipo de procesamiento (es decir,tomar de ellos las propiedades y agregue un estilo el atributo de las etiquetas HTML cuando la representación).

Puede utilizar CSS directa en userControl.

El uso de este 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>

Esto va a funcionar.

Licenciado bajo: CC-BY-SA con atribución
No afiliado a StackOverflow
scroll top