ASP.NET FreeTextBoxのカスタマイズについて

Question

###前提・実現したいこと
ASP.NETを独学で勉強しています。
今回初めてリッチテキストエディタのFreeTextBoxというのを利用しており、
フォントを選ぶドロップダウンリストの大きさを調整したいと思い、jsファイルの中を見ているのですがどこでサイズを指定しているのかがわからない状況です。
どのようにすればできるか教えていただけないでしょうか。

Answer 1

多分に力技的なのが何ですが・・・

Firefox の Firebug などのツールで「フォントを選ぶドロップダウンリスト」要素を特定し、CSS を追加してその要素に width: 150px; というようなスタイルを適用してはいかがですか？

FreeTextBox のサイトのデモページを見ると「フォントを選ぶドロップダウンリスト」は以下のような select 要素になっていました。

注：id は FreeTextBox を配置する場所と ClientIDMode の設定によって変わってくるので自分のアプリで調べてください。

<select id="ctl00_MainContent_FreeTextBox1_0_1" tabindex="-1">
    <option value="">Font</option>

    ・・・中略・・・
</select>

それに以下のようにスタイルを適用したら指定の幅になると思います。

#ctl00_MainContent_FreeTextBox1_0_1
{
    width: 150px;
}

実際にアプリを作って試すことはしてませんが、デモを Firefox に表示し Firebug でその要素に width: 150px; を指定し、そのサイズになることは確認しました。お試しください。

＃FreeTextBox は IE11 には表示されませんね。Feature Comparison というページを見ると IE6 - 9 がサポート対象のようです。それは問題ないのでしょうか？ 問題であれば Ajax Control Toolkit の HtmlEditorExtender とか TinyMCE などの使用を検討した方がよさそうです。