Improve company productivity with a Business Account.Sign Up

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 402
  • Last Modified:

Jquery Datepicker relative to icon

Hiya,
I am exploring the JQuery Datepicker and am trying to alter it's pop-up position to be right of the icon used to invoke it (rather than left-justified under the date field).

Any dynamic ideas?
0
splanton
Asked:
splanton
  • 2
2 Solutions
 
mrh14852Commented:
Just modify the .ui-datepicker CSS to include a margin-left in pixels the same width as your icon.
0
 
mrh14852Commented:
For example:

Change .ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; }
To .ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; margin-left: 100px;}
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

Featured Post

Free Tool: IP Lookup

Get more info about an IP address or domain name, such as organization, abuse contacts and geolocation.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now