2. PHPRunner General questions
  3. [SOLVED]  Change width of text search field on lookup
This topic is locked
[SOLVED]

 Change width of text search field on lookup

 		8/13/2020 01:25:54
PHPRunner General questions
woodey2002 author

Hi Guys,
I have a table lookup set to list page with search.
I am trying to change the width of the text search field where the user types but I am currently unable to do so



I have seen the following entry in the manual but can't get it to work.
https://xlinesoft.com/phprunner/docs/change_the_width_of_a_quick_search_text_field.htm
I have had some success with the following Javascript onload event on the lookup tables list page however the name i.e. #ctlSearchFor47 keeps changing when a user if the users clicks another field and then selects the lookup once more.



$("#ctlSearchFor47").width(450);

$("#ctlSearchFor47").attr("placeholder","Search Procedures");


I can't find the CSS setting to change the width either. <img src='https://asprunner.com/forums/file.php?topicimage=1&fieldname=question&id=27677&image=2&table=forumtopics' class='bbc_emoticon' alt=':blink:' />
Stuck at 150px
Any ideas much appreciated!
Thank you

J
Myr0n 8/13/2020

try adding this CSS

.input-group {

width: 800px;

}


woodey2002 author 8/13/2020

Perfect thank you so Much!
Much appreciated,

J
woodey2002 author 8/13/2020

To align search button and cancel button to cope with the increased width,
The below css worked for me!



.r-align-right.r-align-right {

text-align: left;

}
woodey2002 author 8/17/2020

Sorry to say this one is not solved as earlier appeared.
Everything looks good to begin with but as soon as a user triggers one of search boxes in the lookup with the following CCS attached to it

.input-group {

width: 800px;

}


All PAGE controls on the page revert to 800px <img src='https://asprunner.com/forums/file.php?topicimage=1&fieldname=reply&id=92303&image=1&table=forumreplies' class='bbc_emoticon' alt=':(' />
woodey2002 author 8/19/2020

This worked for me hope it helps you!

.navbar-form .input-group > .form-control {

width: 600px;

}