2012-03-19 2 views
0

私は私のアコーデオンのデータバインディングを意図していますが、背後のコードでCSSを読み込む方法がわかりません。 Accordionという新しいCSSテンプレートを作成し、それを自分のスタイルフォルダの下に配置しました。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を参照していないよですが、私はわかりませんよそれがどうなるかについて

ありがとうございます!例えばので

を代わりに別に

NavigationAccordion.ContentCssClass = ".Contents"; 

この

NavigationAccordion.ContentCssClass = "Contents"; 

から:私はあなたのクラスからのポイントに.を削除@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

を含めるように私のCSSを更新しました

なぜあなたはそれらを動的に作成する必要があるのだろうか全く同盟者。私はこれがあなたの問題の理由だと考えています。 例外なく、ランダムIDのを作成すべきではありません。ポストバックとトリガーイベントでViewStateを再読み込みするにはIDが重要です。

+0

私は実際にそれを試してみましたが、それはCSSを引っ張っていませんでした –

+0

'CTRL + F5'を押してブラウザキャッシュをリロードしましたか? –

+0

たぶん私は何とかそれをインポートする必要がありますか? –

0

@ Timの解決策を試してもうまくいかなかったので、ブラウザのデバッグツールを調べて、CSSがページに存在するかどうかを確認します。それがどのように参照されているかの問題かもしれません。

+0

Viewソースを開き、cssファイル参照をクリックします(cssページに移動しない場合)。つまり、問題は参照中です。 – Pankaj

関連する問題