Cómo hacer que los controles de usuario conozcan las clases de CSS en ASP.NET
visual-studio-2008 user-controls (4)
Como no hay secciones de encabezado para los controles de usuario en asp.net, los controles de usuario no tienen forma de conocer los archivos de la hoja de estilos. Entonces, las clases css en los controles de usuario no son reconocidas por visual studio y produce advertencias. ¿Cómo puedo hacer que un usuario sepa que se relacionará con una clase css, por lo que si me está advirtiendo sobre una clase CSS no existente, significa que la clase realmente no existe?
Editar: ¿O debería elegir un diseño diferente, como exponer las clases de CSS como propiedades como "HeaderStyle-CssClass" de GridView?
Si está creando UserControl compuesto, puede establecer la propiedad CSSClass en los controles secundarios.
Si no es así, debes exponer las propiedades que son del tipo Estilo o (como suelo hacer) las propiedades de cadena que aplican CSS en el tipo de representación (es decir, tomarlas y agregar un atributo de estilo a las etiquetas HTML cuando se renderiza) .
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 para que crea que ha agregado una hoja de estilo a la página, pero no se procesa.
Aquí hay una forma aún más concisa de 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 esta publicación de blog de Phil Haack.
Puede usar CSS
directo en userControl
.
Use esto 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 funcionará
Agregue el estilo en su usercontrol e importe css en él.
<%@ 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