- PR -

DataGrid のセル内の高さ調整について

1|2 次のページへ»
投稿者投稿内容
ひろれい
ぬし
会議室デビュー日: 2006/03/02
投稿数: 486
お住まい・勤務地: 万博開催地
投稿日時: 2006-04-04 11:09
検索してみたのですが、該当記事を見つけられませんでしたので投稿させていただきます。

■ASP.NET（VB.NET）

現在、DataGrid を利用しています。
DataGrid のセル内にラジオボタンを複数設置し、選択することを可能としています（編集・追加時）。

１セル内に複数のラジオボタンを設置すると、かなり大きな間隔（高さ）で配置されます。見た目上、かなり違和感がありますし、画面の高さも無駄に高くなりますので調整したいのですが、どのスタイルを調整したら良いのか見つけられていません。

　　　●テスト１
　　　　　　　　　←　この間隔が大きいので、調整したい
　　　○テスト２
　　　　　　　　　←　この間隔が大きいので、調整したい
　　　○テスト３

どなたかご存知でしょうか？

分かりにくい説明で申し訳ございませんが、よろしくお願い致します。
じゃんぬねっと
ぬし
会議室デビュー日: 2004/12/22
投稿数: 7811
お住まい・勤務地: 愛知県名古屋市
投稿日時: 2006-04-04 11:38
引用:

ひろれいさんの書き込み (2006-04-04 11:09) より:

１セル内に複数のラジオボタンを設置すると、かなり大きな間隔（高さ）で配置されます。
見た目上、かなり違和感がありますし、画面の高さも無駄に高くなりますので調整したいのですが、
どのスタイルを調整したら良いのか見つけられていません。

ID 属性か Class 属性を設定して margin, padding を指定すれば良いと思います。
最悪マイナス値になってしまうかもしれませんね。

_________________
C# と VB.NET の入門サイト
じゃんぬねっと日誌
じゃんぬねっと
ぬし
会議室デビュー日: 2004/12/22
投稿数: 7811
お住まい・勤務地: 愛知県名古屋市
投稿日時: 2006-04-04 11:47
あ、つまり、RadioButton のせいでテーブルの行が高くなっているわけで、
「DataGrid のセル内の高さを調整」するのではなく、
「RadioButton の Margin, Padding を調整」することになるのではないか、ということです。

_________________
C# と VB.NET の入門サイト
じゃんぬねっと日誌
ひろれい
ぬし
会議室デビュー日: 2006/03/02
投稿数: 486
お住まい・勤務地: 万博開催地
投稿日時: 2006-04-04 13:44
引用:

じゃんぬねっとさんの書き込み (2006-04-04 11:47) より:

あ、つまり、RadioButton のせいでテーブルの行が高くなっているわけで、
「DataGrid のセル内の高さを調整」するのではなく、
「RadioButton の Margin, Padding を調整」することになるのではないか、ということです。

じゃんぬさん、早速の回答ありがとうございました。
DataGrid ではなく、その中のオブジェクトの設定ですか。そこまで頭が回りませんでした。

しかし、まったく関係の無いところで解決しました。
原因は、ラジオボタンを貼り付ける際に改行して作成したために、<P>タグが入ってしまっていたため、無駄な高さが取られていました。

<P>タグをはずしたところ、普通の高さになりました。
しょーもないミスで申し訳ありません。ご迷惑をおかけ致しましたm(_ _)m
じゃんぬねっと
ぬし
会議室デビュー日: 2004/12/22
投稿数: 7811
お住まい・勤務地: 愛知県名古屋市
投稿日時: 2006-04-04 14:45
引用:

ひろれいさんの書き込み (2006-04-04 13:44) より:

しかし、まったく関係の無いところで解決しました。
原因は、ラジオボタンを貼り付ける際に改行して作成したために、<P>タグが入ってしまっていたため、無駄な高さが取られていました。

まあ、よくある話ですね。(^-^)
そういう意味でも、まずは出来上がったページの HTML から解析することをお勧めします。
個人的に、ASP.NET は HTML の知識 (W3C 仕様書) は必須だと思っています。

_________________
C# と VB.NET の入門サイト
じゃんぬねっと日誌
ひろれい
ぬし
会議室デビュー日: 2006/03/02
投稿数: 486
お住まい・勤務地: 万博開催地
投稿日時: 2006-04-04 15:12
引用:

じゃんぬねっとさんの書き込み (2006-04-04 14:45) より:

まあ、よくある話ですね。(^-^)
そういう意味でも、まずは出来上がったページの HTML から解析することをお勧めします。
個人的に、ASP.NET は HTML の知識 (W3C 仕様書) は必須だと思っています。

お騒がせしました。
改行は、てっきり<BR>で作成されるかと思っていたのですが、まさか<P>タグが使われるとは・・・
HTML も見ないとダメですね(^_^;)

自分のページを作っているので、HTML は普通に読み書き出来るのですが、VS.NET を使っていると勝手に HTML まで書き上げてくれるので、つい手抜きしてしまいます・・・
便利さに慣れるとダメですね。気をつけます。
じゃんぬねっと
ぬし
会議室デビュー日: 2004/12/22
投稿数: 7811
お住まい・勤務地: 愛知県名古屋市
投稿日時: 2006-04-04 15:36
引用:

ひろれいさんの書き込み (2006-04-04 15:12) より:

改行は、てっきり<BR>で作成されるかと思っていたのですが、まさか<P>タグが使われるとは・・・

多分ですが、誤解があるかと思います。
P 要素による空白は、マージンであって改行ではありません。
(よって、margin と padding を 0 にすると...?)

_________________
C# と VB.NET の入門サイト
じゃんぬねっと日誌
ひろれい
ぬし
会議室デビュー日: 2006/03/02
投稿数: 486
お住まい・勤務地: 万博開催地
投稿日時: 2006-04-04 16:01
引用:

じゃんぬねっとさんの書き込み (2006-04-04 15:36) より:

多分ですが、誤解があるかと思います。
P 要素による空白は、マージンであって改行ではありません。
(よって、margin と padding を 0 にすると...?)

すいません、説明が悪かったですね。

VS.NET2003 の「テンプレートの編集」で「EditItem Templete」にラジオボタンを複数追加する際に、１個追加して改行（リターンキー押下）、１個追加して改行、として作成しました。

このリターンキーによる改行作業で作成されるタグは <BR> だと勝手に理解していましたが、VS.NET は段落として作成するようで、<P>タグ内にラジオボタンが作成されていました。

　　　<P>ラジオボタン１</P><P>ラジオボタン２</P>

今回は、<P></P>を削除し、代わりに <BR> を追加することで回避しました。
回避というか、段落となっていたので異常な高さになっていただけで、段落をやめることで普通になった。で、私はその普通で満足出来た、ということです(^_^;)

　　　ラジオボタン１<BR>ラジオボタン２

なので、せっかく教えていただいたのですが、今回はスタイル設定（MARGIN や PADDING:TOP 等）してないんです・・・
1|2 次のページへ»

スキルアップ／キャリアアップ（JOB@IT）