Как изменить размер текстового поля, чтобы заполнить область диалогового окна JQuery UI?

Question

У меня есть диалог только с одним текстовым полем внутри.

<div id="commonDialog" style="width: auto; min-height: 0px; height: 560px;" 
       scrolltop="0" scrollleft="0"> 

Как изменить размер текстового поля, находящегося внутри DIV, чтобы заполнить диалоговое окно? Я должен сделать это в открывшемся диалоговом окне, так как есть какая-то логика, которая говорит, если она нужна или нет там. Я смог изменить размер так, но я не уверен, как это сделать с переменной шириной диалога.

$('#TextBox1').css({'height': 400 }); 

Answer 1

Я думаю, что вы могли бы сделать это, используя процент width на input:

#Textbox1 { width: 90%; } 

Пример:http://jsfiddle.net/andrewwhitaker/8KafJ/

---

Если вам нужно установить width на open, вы должны быть в состоянии написать что-то вроде:

$("#commonDialog").dialog({ 
    open: function() { 
     $("#Textbox1").css("width", "90%"); 
    } 
}); 

Пример:http://jsfiddle.net/andrewwhitaker/TUJ3Y/

Answer 2

Вам необходимо управлять css поля ввода.