2012-03-19 2 views
0

У меня есть привязка для привязки аккордеона по назначению, но я понятия не имею, как загрузить CSS в код сзади. Я создал новый шаблон CSS под названием Accordion и разместил его под моей папкой стиля.Ajax Accordion - загрузка CSS за кодом. aspx

здесь все содержимое моего CSS

Header 
    { 
    background-color: #000000; 
    color: White; 
    padding: 4px; 
    font-weight: bold; 
} 

.SelectedHeader 
{ 
    background-color: #808080; 
    color: White; 
    padding: 4px; 
    font-weight: bold; 
} 

.Contents 
{ 
    background-color: #f3f3f3; 
    padding: 5px; 
}

Вот весь мой аккордеон за кодом

AccordionPane currentPane = new AccordionPane(); 
      currentPane.ID = "AccordionPane" + Guid.NewGuid().ToString(); 
      currentPane.HeaderContainer.Controls.Add(new LiteralControl(group.Key.ToString())); 

     NavigationAccordion.Panes.Add(currentPane); 
     NavigationAccordion.HeaderCssClass = ".Header"; 
     NavigationAccordion.HeaderSelectedCssClass = ".SelectedHeader"; 
     NavigationAccordion.ContentCssClass = ".Contents"; 
     NavigationAccordion.TransitionDuration = 85; 
     NavigationAccordion.FramesPerSecond = 200; 
     NavigationAccordion.SelectedIndex = -1; 
     NavigationAccordion.RequireOpenedPane = false; 
     return NavigationAccordion; 

Я думаю, я не ссылающийся на CSS правильно, но я не уверен как это сделать.

Спасибо!

Я обновил свой CSS, чтобы включить @import "Accordion.css";

ответ

0

Это может показаться очевидным, но вы ссылаетесь на файл Accordian.css? Т.е., в HTML есть строка:

<link rel="stylesheet" type="text/css" href="Accordian.css" /> 

А также вам нужно будет удалить период . при присвоении класса, как сказал Тим.

+0

Я только что нашел это –

+0

, но его стили/Accordion.css " –

+0

Затем используйте' href = "Styles/Accordian.css" ' – anothershrubery

1

Удалить точек . из классов:

Так, например, вместо

NavigationAccordion.ContentCssClass = ".Contents"; 

это

NavigationAccordion.ContentCssClass = "Contents"; 

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

+0

Я действительно пробовал это, и он не вытащил css –

+0

Вы нажали 'CTRL + F5' для перезагрузки кеша браузера? –

+0

Может быть, мне нужно каким-то образом импортировать его? –

0

Поскольку вы пробовали решение @ Tim и оно не сработало, проверьте инструмент отладки браузера, чтобы увидеть, присутствует ли CSS на странице. Это может быть проблема с тем, как на нее ссылаются.

+0

Откройте исходный код источника и нажмите ссылку на файл css, если он не переместится на страницу css. Это означает, что проблема связана с ссылками. – Pankaj

Смежные вопросы