C# と VB.NET の質問掲示板

ASP.NET、C++/CLI、Java 何でもどうぞ

ログ内検索

キーワードを複数指定する場合は半角スペースで区切ってください。
検索条件は、(AND)=[A かつ B] (OR)=[A または B] となっています。
[返信]をクリックすると返信ページへ移動します。

キーワード	/	検索条件	/
検索範囲	/	強調表示	/ ON (自動リンクOFF)
結果表示件数	/	記事No検索	/ ON
大文字と小文字を区別する

No.74315 の関連記事表示

ヒット / 9件

<< 0 >>

■74315

　CSSの設定方法

□投稿者/ たいよう -(2014/12/17(Wed) 19:12:49)

分類:[ASP.NET (VB)]　

お世話になっております。

動的に追加したコントロールにCSSを設定しようとしているのですが上手くいかず困っております。

html側で作成したコントロールは
.NET側で"コントロールのID".Attributes("class") = "CSSの名称"で変更できるのですが
.NET側で作成したコントロールで同じようにCSSを設定しようとするとエラーが出力されてしまいました。

※MyBase.Initイベント内で下記のコードを記載し、ラベルを作成しております。
Dim label As New Label()

label = New Label
label.ID = "lblSample"
label.Text = "サンプル"
AddHandler label.Load, AddressOf labelLoad

上記コードで作成したラベルをlabelLoad内で『DirectCast(sender, Label).ID.Attributes("class") = "CSSの名称"』等で
記載してみたのですが『'Attributes' は 'String' のメンバーではありません。』とのエラーが出てしまいCSSを設定できませんでした。

大変申し訳ないのですがどなたかご教授下さい。

親記事 /過去ログ125より / 関連記事表示
削除チェック/

■74316

　Re[1]: CSSの設定方法

□投稿者/ WebSurfer -(2014/12/17(Wed) 20:07:58)

■No74315 (たいようさん) に返信

> 動的に追加したコントロールにCSSを設定しようとしているのですが上手くいかず困っております。

しばらく ASP.NET から離れて、純 html のタグにスタイルを適用するのは
どうすればいいのかを勉強した方がいいと思います。

ASP.NET の Label が html 要素に変換されてブラウザに送信された時には
何になっているか、その html 要素にスタイルを適用して自分の期待するよ
うな表示にするにはどうすれば良いかを考えてみてください。

静的であろうが動的であろうが、結果の html 要素にどのようにスタイルを
適用するかは同じことです。（やり方は違うかもしれませんが）

記事No.74315 のレス /過去ログ125より / 関連記事表示
削除チェック/

■74325

　Re[2]: CSSの設定方法

□投稿者/ たいよう -(2014/12/18(Thu) 09:05:37)

■No74316 (WebSurfer さん) に返信
> しばらく ASP.NET から離れて、純 html のタグにスタイルを適用するのは
> どうすればいいのかを勉強した方がいいと思います。
→承知致しました。
　卒業研究の一環として行っていてあまり時間が無かったもので聞いてしまいました。

> ASP.NET の Label が html 要素に変換されてブラウザに送信された時には
> 何になっているか、その html 要素にスタイルを適用して自分の期待するよ
> うな表示にするにはどうすれば良いかを考えてみてください。
>
> 静的であろうが動的であろうが、結果の html 要素にどのようにスタイルを
> 適用するかは同じことです。（やり方は違うかもしれませんが）
→HTMLを勉強する際にどのようなステップで勉強すればいいかご存知でしたら教えて頂きたいのですがよろしいでしょうか。

記事No.74315 のレス /過去ログ125より / 関連記事表示
削除チェック/

■74331

　Re[3]: CSSの設定方法

□投稿者/ WebSurfer -(2014/12/18(Thu) 15:13:40)

■No74325 (たいようさん) に返信

> →HTMLを勉強する際にどのようなステップで勉強すればいいかご存知でし
> たら教えて頂きたいのですがよろしいでしょうか。

質問者さんは学生さんということですので、私が言うまでもないことかもし
れませんが・・・

体系的に勉強したいのなら本を買って読むのがいいでしょうし、手っ取り早
く調べたいならネットで調べるのがいいと思います。（すでにやっていると
思いますが、html css などをキーワードにググればいくらでも参考になる
記事が見つかりますよね）

ただ、HTML, CSS の勉強方法以前に、先のレスで私が書いた、

> ASP.NET の Label が html 要素に変換されてブラウザに送信された時には
> 何になっているか、その html 要素にスタイルを適用して自分の期待するよ
> うな表示にするにはどうすれば良いかを考えてみてください。

を考えるのが重要だと思います。つまり、Label コントロールは html では
インライン要素の span になる。それに有効なスタイルは何で、どのように
適用すれば望む結果が得られるかです。

質問者さんが、それをすでに考えた上で今回の質問をされているのであれば、
先の私のレスは余計なお世話だったかもしれませんね。

記事No.74315 のレス /過去ログ125より / 関連記事表示
削除チェック/

■74327

　Re[1]: CSSの設定方法

□投稿者/ an -(2014/12/18(Thu) 09:35:38)

■No74315 (たいよう さん) に返信
> 上記コードで作成したラベルをlabelLoad内で『DirectCast(sender, Label).ID.Attributes("class") = "CSSの名称"』等で
> 記載してみたのですが『'Attributes' は 'String' のメンバーではありません。』とのエラーが出てしまいCSSを設定できませんでした。

エラーメッセージから推測すると
　DirectCast(sender, Label).Attributes("class") = "CSSの名称"
ではなく
　DirectCast(sender, Label).ID.Attributes("class") = "CSSの名称"
では？

※環境がないので試していません。

記事No.74315 のレス /過去ログ125より / 関連記事表示
削除チェック/

■74328

　Re[2]: CSSの設定方法

□投稿者/ たいよう -(2014/12/18(Thu) 10:07:44)

■No74327 (an さん) に返信
> エラーメッセージから推測すると
> 　DirectCast(sender, Label).Attributes("class") = "CSSの名称"
> ではなく
> 　DirectCast(sender, Label).ID.Attributes("class") = "CSSの名称"
> では？
>
> ※環境がないので試していません。
→an　さん回答ありがとうございます。
DirectCast(sender, Label).ID.Attributes("class") = "CSSの名称"
ではなく
DirectCast(sender, Label).Attributes("class") = "CSSの名称"
でした。

ありがとうございます。
htmlの勉強方法が固まりましたら『解決済み』に変更したいと思います。

記事No.74315 のレス /過去ログ125より / 関連記事表示
削除チェック/

■74333

　Re[1]: CSSの設定方法

□投稿者/ WebSurfer -(2014/12/18(Thu) 15:40:04)

■No74315 (たいようさん) に返信

ついでに先の疑問にも回答しておきます。

> html側で作成したコントロールは
> .NET側で"コントロールのID".Attributes("class") = "CSSの名称"で変更できるのですが

何故それができるかというと、Web アプリケーションプロジェクトでアプリを作ると
分かりやすいと思いますので、一度試してみてください。

例えば、Label をページ（.aspx）上に静的に配置（ツールボックスからドラッグ＆
ドロップ）すると以下のようなソースが生成されます。

<asp:Label ID="Label1" runat="server"></asp:Label>

上記とは別に以下のコードが aspx.designer.cs ファイルに生成されます（C# の場合
ですか VB.NET でも同様です）。

protected global::System.Web.UI.WebControls.Label Label1;

だから、Labal1.Attributes(...) というコードが有効なのです。

> .NET側で作成したコントロールで同じようにCSSを設定しようとするとエラーが出力されて
> しまいました。

上に書いた Labal1 と DirectCast(sender, Label).ID とは同じではないのは理解できます
よね？

記事No.74315 のレス /過去ログ125より / 関連記事表示
削除チェック/

■74334

　Re[1]: CSSの設定方法

□投稿者/ WebSurfer -(2014/12/18(Thu) 15:52:09)

■No74315 (たいようさん) に返信

小出しですみません。

Label には CssClass と Style というプロパティがあって、スタイルの設定に
利用できます。

Attributes プロパティは MSDN ライブラリに書いてあるように、"コントロール
のプロパティに対応しない・・・" 場合（つまり、CssClass とか Style などの
適当なプロパティがない場合）に使うのが主です。

記事No.74315 のレス /過去ログ125より / 関連記事表示
削除チェック/

■74337

　Re[2]: CSSの設定方法

□投稿者/ たいよう -(2014/12/18(Thu) 20:55:20)

■No74334 (WebSurfer さん) に返信
いろいろとご教授くださってありがとうございます。
書いて下さった内容を呼んでるだけでCSSの設定だけでもすごく大変なことがことが理解できました…
学生と言う身分でいろいろとご迷惑をお掛けして申し訳ございませんでした。
もう少し進歩してから質問をしたいと思います。

記事No.74315 のレス / END /過去ログ125より / 関連記事表示
削除チェック/

<< 0 >>

パスワード/