[Webinar] Streamline your web hosting managementRegister Today

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

Featured Post

Keep up with what's happening at Experts Exchange!

Sign up to receive Decoded, a new monthly digest with product updates, feature release info, continuing education opportunities, and more.

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