Domanda

Dato che non ci sono sezioni intestazione per i controlli utente in asp.net utente i controlli non hanno alcun modo di sapere file stylesheet.Così le classi css nei controlli utente non vengono riconosciuti da visual studio e produce avvertenze.Come posso fare un controllo utente di sapere che si riferisce ad una classe css, quindi se è di avviso che mi ha parlato di un non-esistente classe css, significa che la classe davvero non esiste?

Edit:O devo andare per un design diverso, come esporre le classi css come proprietà come "HeaderStyle-CssClass" di GridView?

È stato utile?

Soluzione

Ecco cosa ho fatto:

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

Che sciocchi Visual Studio nell'a pensare di aver aggiunto un foglio di stile per la pagina, ma non ottenere il rendering.


Qui è un altro modo rapido per fare questo con riferimenti multipli;

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

Come si è visto in questo post del blog Phil Haack.

Altri suggerimenti

Aggiungere lo stile sul tuo usercontrol e importazione css in esso.

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

Se si sta creando composito UserControl, quindi è possibile impostare il CSSClass la struttura per i controlli figlio..

Se non, allora avete bisogno di esporre le proprietà che sono uno dei Stile tipo, o (come faccio spesso) proprietà di stringa che applicare i CSS al rendering di tipo (es.prendere loro proprietà e aggiungere un stile attributo al tag HTML quando il rendering).

È Possibile utilizzare CSS diretto in userControl.

Utilizzare questo in 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>

Questo sarà il lavoro.

Autorizzato sotto: CC-BY-SA insieme a attribuzione
Non affiliato a StackOverflow
scroll top