Hoe om gebruikerskontroles te laat weet oor css-klasse in ASP.NET

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

Vra

Aangesien daar geen kopafdelings vir gebruikerskontroles in asp.net is nie, het gebruikerskontroles geen manier om van stylbladlêers te weet nie.So css-klasse in die gebruikerkontroles word nie deur visuele studio herken nie en lewer waarskuwings.Hoe kan ek 'n gebruikersbeheer laat weet dat dit met 'n css-klas verband hou, so as dit my waarsku oor 'n nie-bestaande css-klas, beteken dit dat die klas regtig nie bestaan ​​nie?

Wysig:Of moet ek vir 'n ander ontwerp gaan soos om css-klasse bloot te stel as eienskappe soos "HeaderStyle-CssClass" van GridView?

Was dit nuttig?

Oplossing

Hier is wat ek gedoen het:

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

Dit mislei Visual Studio om te dink jy het 'n stylblad by die bladsy gevoeg, maar dit word nie weergegee nie.

Hier is 'n selfs meer bondige manier om dit te doen met veelvuldige verwysings;

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

Soos gesien in hierdie blogpos van Phil Haack.

Ander wenke

Voeg die styl by jou gebruikersbeheer en voer css daarin in.

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

As jy saamgestelde UserControl skep, kan jy die CSSklas eiendom op die kinderbeheer..

Indien nie, dan moet jy eienskappe blootstel wat een van die Styl tipe, of (soos ek dikwels doen) string eienskappe wat CSS toepas by die lewering tipe (d.w.s.neem hulle eiendomme en voeg 'n by styl kenmerk aan die HTML-etikette tydens lewering).

Jy kan gebruik CSS rig in userControl.

Gebruik dit 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>

Dit sal werk.

Gelisensieer onder: CC-BY-SA met toeskrywing
Nie verbonde aan StackOverflow
scroll top