We launched new forums in March 2019—join us there. In a hurry for help with your website? Get Help Now!
    • 8416
    • 173 Posts
    Ok, I got it see http://modxcms.com/forums/index.php?topic=5357.255 for more info.
    I renamed #ajaxSearch_output to #current-search-results and everything works fine now.
    Thanks for this great snippet!
      • 5811
      • 1,717 Posts
      Hi Eric,

      Perhaps this trick runs, but I don’t understand why >:(
      I will try to do another tests with your form template.
      Could you send me by message your css styles regarding AjaxSearch. Thanks.
        • 8416
        • 173 Posts
        Yes, I don’t understand either why it works! Here is the style I use:

        #ajaxSearch_form {color: #444; width: auto;}
        
        #ajaxSearch_input {
        	display: inline; height: 17px; width: auto; border: 1px solid #DDDDDD; 
        	border-left-color: #c3c3c3; border-top-color: #7C7C7C;
        	background: #FFFFFF url(../images/input-bg.gif) repeat-x top left;
        	margin: 0 3px 0 0;padding: 3px 0 0 3px; vertical-align: top; 
        }
        
        #current-search-results {
        	border: 1px solid #1153A1;
        	padding-left: 10px;
        	padding-top: 5px;
        	padding-bottom: 10px;
        	margin-top:5px;
        	display: block;
        	height: auto;
        	vertical-align: top;
        	background-color:#e4edf5;
        }
        		        
        #ajaxSearch_submit {display: inline; height:22px; line-height:22px;}
        		
        #ajaxSearch_output {
        	border: 0px;
        	padding:0;margin:0;
        	display: block;
        	height: auto;
        	vertical-align: top;
        }
        
        .ajaxSearch_paging { 
            border-top: 1px solid #ccc;
            padding: 2px; 
            font-size: 86%;
            color: #1153A1;
        }
        .AS_ajax_result {color: #444; margin-bottom: 3px;}
           
        .AS_ajax_resultLink {text-decoration: underline;}
        
        .AS_ajax_resultDescription{color: #555;}
        
        .AS_ajax_more {color: #555;}
        


        Thanks.

        Eric