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
Post a Comment