jQuery Datepicker icon showing below the input box instead of on the right -


i started using jquery datepicker , have problem. got calendar icon showing it's being shown below input box instead of right. since calendar icon called jquery code, option use display inline? here's relevant code. thanks.

<script> $(function() {     $( "#datepicker" ).datepicker({         showon: "button",         buttonimage: "calendar_icon.gif",         buttonimageonly: true,         buttontext: "open calendar"     }); }); </script> date: <input type="text" id="datepicker" /> 

since don't mention css, i'm guessing that's problem is. need add ui-datepicker-trigger class css file. automatically assigned function don't need change input include class="ui-datepicker-trigger". copy , pasted i'm using in 1 of css files. part need display: inline part figure might use out of whole thing.

.ui-datepicker-trigger {     display: inline;     padding:0px;     padding-left:3px;     vertical-align:baseline;     position:relative; } 

to expand on bit further, necessary if have generic css behavior causing show below input box.


Comments

Popular posts from this blog

java.util.scanner - How to read and add only numbers to array from a text file -

rewrite - Trouble with Wordpress multiple custom querystrings -