2. ASPRunnerPro General questions
  3. How to adjust width of EDIT BOX WITH AJAX POPUP
This topic is locked

How to adjust width of EDIT BOX WITH AJAX POPUP

 		8/9/2010 4:22:09 PM
ASPRunnerPro General questions
W
 webwork author

ASP RUNNER pro 6.2, WIN 2003 SERVER, ms sql 2000, IIS

I am using a database query to autopopulate the EDIT BOX when typing a portion of the information in.

All of that functionality works fine except I would like the default FIELD width to be much wider.

What is happening is when an item is selected much of it does not show on the page. I am unable to adjust the DISPLAY FIELD width in the program.
Any suggestions?
A
 		ann 8/10/2010

Hi,
here is helpful article:

http://xlinesoft.com/asprunnerpro/docs/change_width_of_edit_box_with_ajax_popup.htm
W
 		webwork author 8/10/2010



Hi,
here is helpful article:

http://xlinesoft.com/asprunnerpro/docs/change_width_of_edit_box_with_ajax_popup.htm


The code appeared to have no effect:
var ctrl = Runner.getControl(pageid, 'Make');

ctrl.getDispElem().css("width", "200px");
I substituted the fieldname for the word 'Make' retaining or removing the single quotes, nothing. I tried Chrome and IE w/ javascript on, nothing. I tried all substitutions, nothing.

I tried other fields on the page, nothing.
Any other ideas?
A
 		ann 8/11/2010

Hi,
It's difficult to tell you what's happening without seeing actual files.

Please publish your project on Demo Account and open a ticket at http://support.xlinesoft.com sending a URL to your pages along with instructions on reproducing this error. 'Demo Account' button can be found on the last screen in the program.
W
 		webwork author 8/16/2010



Hi,
It's difficult to tell you what's happening without seeing actual files.

Please publish your project on Demo Account and open a ticket at http://support.xlinesoft.com sending a URL to your pages along with instructions on reproducing this error. 'Demo Account' button can be found on the last screen in the program.


I got the following to work on the static page edit box, by placing this just before the footer code in HTML view:
<script>

document.getElementById("display_value_REPLACE-W-FIELD-NAME_1").style.width='350px';

document.getElementById("display_value_REPLACE-W-FIELD-NAME_1").style.font="bold 12px arial,serif";

</SCRIPT>
All I need now is to widen the the actual Ajax Suggest Dropdown because some values are wider and they end up wrapping to the next line.
Any suggestions?