sahabiswarup Ответов: 4

как добавить css в веб-пользовательский элемент управления


я использую веб-пользовательский элемент управления, и есть модальное всплывающее окно, я хочу добавить css к модальному всплывающему окну.
я погуглил эту тему, но не получил никакого плодотворного ответа. Пожалуйста, дайте мне какое-нибудь правильное решение, с помощью которого я могу использовать css для управления веб-пользователями.

Заранее спасибо. Код приведен ниже:
<%@ Control Language="C#" AutoEventWireup="true" CodeFile="PopupLoginControl.ascx.cs" 

Inherits="Ajax_PopupLoginControl" %> 
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="ajaxtoolkit" %>

<script type="text/css" src="<%= ResolveUrl("../css/style.css") %>"></script> 
<link href="../css/style.css" rel="stylesheet" type="text/css" /> 

<asp:Button ID="btnShowPopup" runat="server" Style="display: none" /> 
<ajaxtoolkit:ModalPopupExtender BackgroundCssClass="modalBackground" CancelControlID="btnClose"  runat="server" PopupControlID="Panel1" ID="ModalPopupExtender1" TargetControlID="btnShowPopup" /> 
<asp:Panel ID="Panel1" runat="server" CssClass="modalPopup" DefaultButton="btnOk"> 
<table width="100%" border="0" cellpadding="2" cellspacing="5"> 
   <tr > 
      <td style="width:35%;padding-removed50px;"> </td> 
      <td style="background:removed(../images/item_box.gif) repeat-x;"> 
          <asp:Label id="labMsg" runat="server" /> Username : admin Password : admin 
      </td>
   </tr>
   <tr>
      <td align="right" valign="middle"> Email Id : </td> 
      <td>
          <asp:TextBox ID="txtLogin" runat="server"> 
      </td>
   </tr> 
   <tr>
      <td align="right" valign="middle"> Password : </td>
      <td>
         <asp:TextBox ID="txtPassword" runat="server" TextMode="Password"> 
      </td>
   </tr>
   <tr>
      <td> </td>
      <td> 
        <asp:Button ID="btnOk" OnClick="Login" runat="server" Text="Sign In" /> 
        <asp:Button ID="btnClose" runat="server" Text="Cancel" /> 
      </td> 
   </tr>
</table>

Sergey Alexandrovich Kryukov

CSS (таблица стилей) или стиль?
--СА

sahabiswarup

Сергей Александрович Крюков я хочу применить css

4 Ответов

Рейтинг:
25

sahabiswarup

VS2010 добавляет этот установлен по умолчанию -

Цитата:
<!Элемент DOCTYPE в HTML общественности "-//W3C для//определения DTD XHTML 1.0 переходный//ванной" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&ГТ;

Измените его на
Цитата:
<!Элемент DOCTYPE в HTML общественности "-//W3C для//определения DTD HTML 4.0 с переходным//ванной" &ГТ;

Это решает проблему. Таблица стилей применяется правильно !!!


Vani Kulkarni

Интересно об этом не знали.

sahabiswarup

это работает..[:)]

Рейтинг:
1

Vani Kulkarni

Я предполагаю, что вы используете Модальное Всплывающее Окно Удлинитель от AJAX Control Toolkit. Добавьте нижеприведенное свойство в ваше модальное всплывающее окно:
BackgroundCssClass="modalBackground"

CSS может быть определен в вашем класс CSS и упоминается в приведенном выше свойстве.

.modalBackground
{
    background-color:
    filter:alpha(opacity=70);
    opacity:0.7;
}


Для получения дополнительной информации смотрите ссылки ниже:

Модальное Всплывающее Окно Удлинитель Основы [^]
Расширитель ModalPopup[^]


sahabiswarup

Спасибо за ваш ответ; я использовал приведенный выше код для применения css в модальном расширителе всплывающих окон.
Но он не работает в веб-пользовательском контроле.

Jim Jos

Веб-пользовательский контроль-это ваш собственный контроль? Пожалуйста, предоставьте также код для этого элемента управления..

sahabiswarup

Вот мой код управления веб - пользователем

&ЛТ;%@ язык управления="в C#" AutoEventWireup значение=значение"true" CodeFile="PopupLoginControl.ascx вносятся.в CS"
Наследует="Ajax_PopupLoginControl" %>
&ЛТ;%@ зарегистрировать Assembly="Аjaxcontroltoolkit" пространство имен="Аjaxcontroltoolkit" атрибута tagprefix="ajaxtoolkit" %&ГТ;
<сценарий тип="текст/CSS в" СРЦ="в<%= ResolveUrl("../CSS или стиль.УСБ") %&ГТ;"&ГТ;&ЛТ;/скрипт>
<ссылка с href="../css или стиль.ПТК" отн="стилей" тип="текст/CSS в" /&ГТ;
&ЛТ;АСП:кнопка ID="btnShowPopup" атрибут runat="сервер" стиль="дисплей: нет" /&ГТ;
<ajaxtoolkit:ModalPopupExtender BackgroundCssClass="modalBackground"
CancelControlID="btnClose" атрибут runat="сервер" PopupControlID="Панель1" идентификатор="ModalPopupExtender1"
TargetControlID="btnShowPopup" />

<asp:Panel ID="Panel1" runat="server" CssClass="modalPopup" DefaultButton="btnOk">
<ширина таблицы="100%" граница="0" cellpadding="2" cellspacing="5">
<tr >
<td style="width:35%;padding-top:50px;">
</td>
<td style="background:url(../images/item_box.gif) повторить-x;">
&ЛТ;АСП:метка идентификатор="labMsg" атрибут runat="сервер" /&ГТ;
Имя пользователя : admin
Пароль : admin
</td>
</tr>
<tr>
<td align="right" valign="middle">
Идентификатор Электронной Почты :
</td>
<td>
 &ЛТ;АСП:текстовое поле с ID="txtLogin" атрибут runat="сервер"и GT;
</td>
</tr>
<tr>
<td align="right" valign="middle">
Пароль :
</td>
<td>
 &ЛТ;АСП:текстовое поле с ID="txtPassword" атрибут runat="сервер" текстовую="пароль"и GT;
</td>
</tr>
<tr>
<td>

</td>
<td>
&ЛТ;АСП:кнопка ID="btnOk" функция onclick="логин" атрибут runat="сервер" текст="войти" /&ГТ;
<asp:Button ID="btnClose" runat="server" Text="Cancel" />
</td>
</tr>
</Таблица>

Vani Kulkarni

Попробуйте сохранить класс modalBackground CSS на этой странице для тестирования, посмотрите, работает ли он.

sahabiswarup

Я также попробовал ваш упомянутый метод, но он не работает.

Рейтинг:
1

Hasan Huseyin Ozkaya

включите свой css-файл на главную страницу или главную страницу, которая содержит веб-пользовательский элемент управления, вот и все...


Рейтинг:
0

foosam

в .ascx вносятся

<link href="../css/style.css" rel="stylesheet" type="text/css" runat="server" id="linkCSS1" />


в .КС в
linkCSS1.Attributes("href") = ResolveUrl(linkCSS1.Attributes("href"));