كيفية جعل عناصر تحكم المستخدم تعرف عن فئات CSS في ASP.NET

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

سؤال

نظرًا لعدم وجود أقسام رأس لعناصر تحكم المستخدم في asp.net، فإن عناصر تحكم المستخدم ليس لديها طريقة لمعرفة ملفات ورقة الأنماط.لذلك لا يتم التعرف على فئات CSS الموجودة في عناصر تحكم المستخدم بواسطة الاستوديو المرئي وتنتج تحذيرات.كيف يمكنني جعل عنصر تحكم المستخدم يعرف أنه سيرتبط بفئة CSS، لذلك إذا كان يحذرني من فئة CSS غير موجودة، فهذا يعني أن الفئة غير موجودة بالفعل؟

يحرر:أم يجب أن أختار تصميمًا مختلفًا مثل تعريض فئات CSS كخصائص مثل "HeaderStyle-CssClass" في GridView؟

هل كانت مفيدة؟

المحلول

وإليك ما فعلته:

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

إنه يخدع Visual Studio ويجعله يعتقد أنك أضفت ورقة أنماط إلى الصفحة ولكن لا يتم عرضها.


وإليك طريقة أكثر إيجازًا للقيام بذلك باستخدام مراجع متعددة؛

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

كما رأينا في هذا بلوق وظيفة من فيل هاك.

نصائح أخرى

أضف النمط إلى عنصر تحكم المستخدم الخاص بك وقم باستيراد CSS فيه.

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

إذا كنت تقوم بإنشاء UserControl مركب، فيمكنك تعيين فئة CSS الممتلكات على الضوابط الطفل..

إذا لم يكن الأمر كذلك، فأنت بحاجة إلى كشف الخصائص التي هي أي من أسلوب type، أو (كما أفعل غالبًا) خصائص السلسلة التي تطبق CSS على نوع التجسيد (أي.خذها خصائص وأضف أ أسلوب سمة لعلامات HTML عند العرض).

يمكنك استخدام CSS مباشرة في userControl.

استخدم هذا في 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>

هذا سيفي بالغرض.

مرخصة بموجب: CC-BY-SA مع الإسناد
لا تنتمي إلى StackOverflow
scroll top