So informieren Sie Benutzersteuerelemente über CSS-Klassen in ASP.NET

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

Frage

Da es in asp.net keine Header-Abschnitte für Benutzersteuerelemente gibt, haben Benutzersteuerelemente keine Möglichkeit, etwas über Stylesheet-Dateien zu erfahren.Daher werden CSS-Klassen in den Benutzersteuerelementen von Visual Studio nicht erkannt und es werden Warnungen ausgegeben.Wie kann ich einem Benutzersteuerelement mitteilen, dass es sich auf eine CSS-Klasse bezieht. Wenn es mich also vor einer nicht vorhandenen CSS-Klasse warnt, bedeutet das, dass die Klasse tatsächlich nicht existiert?

Bearbeiten:Oder sollte ich mich für ein anderes Design entscheiden, z. B. indem ich CSS-Klassen als Eigenschaften wie „HeaderStyle-CssClass“ von GridView verfügbar mache?

War es hilfreich?

Lösung

Folgendes habe ich getan:

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

Dadurch wird Visual Studio vorgetäuscht, Sie hätten der Seite ein Stylesheet hinzugefügt, dieses wird jedoch nicht gerendert.

Hier ist eine noch prägnantere Möglichkeit, dies mit mehreren Referenzen zu tun;

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

Wie in ... gesehen dieser Blogbeitrag von Phil Haack.

Andere Tipps

Fügen Sie den Stil zu Ihrem Benutzersteuerelement hinzu und importieren Sie CSS darin.

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

Wenn Sie ein zusammengesetztes UserControl erstellen, können Sie Folgendes festlegen CSSKlasse Eigenschaft für die untergeordneten Steuerelemente.

Wenn nicht, müssen Sie Eigenschaften offenlegen, bei denen es sich um eines der beiden handelt Stil Typ, oder (wie ich es oft tue) String-Eigenschaften, die CSS auf den Rendertyp anwenden (d. h.Nehmen Sie ihnen Eigenschaften und fügen Sie a hinzu Stil Attribut zu den HTML-Tags beim Rendern hinzufügen).

Sie können verwenden CSS direkt rein userControl.

Verwenden Sie dies 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>

Das wird funktionieren.

Lizenziert unter: CC-BY-SA mit Zuschreibung
Nicht verbunden mit StackOverflow
scroll top