Solved

Jquery Datepicker relative to icon

Posted on 2011-09-04
2
393 Views
Last Modified: 2012-05-12
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
Comment
Question by:splanton
  • 2
2 Comments
 
LVL 8

Accepted Solution

by:
mrh14852 earned 500 total points
ID: 36480875
Just modify the .ui-datepicker CSS to include a margin-left in pixels the same width as your icon.
0
 
LVL 8

Assisted Solution

by:mrh14852
mrh14852 earned 500 total points
ID: 36480929
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

Resolve Critical IT Incidents Fast

If your data, services or processes become compromised, your organization can suffer damage in just minutes and how fast you communicate during a major IT incident is everything. Learn how to immediately identify incidents & best practices to resolve them quickly and effectively.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Article by: DanRollins
This article describes a JavaScript program that creates a maze made of hexagonal cells.  In Part 2 (http://www.experts-exchange.com/Programming/Languages/Scripting/JavaScript/A_7850-Hex-Maze-Part-2.html), we'll extend the program by adding a depth-…
This article will show, step by step, how to integrate R code into a R Sweave document
In this fourth video of the Xpdf series, we discuss and demonstrate the PDFinfo utility, which retrieves the contents of a PDF's Info Dictionary, as well as some other information, including the page count. We show how to isolate the page count in a…
Video by: Mark
This lesson goes over how to construct ordered and unordered lists and how to create hyperlinks.

825 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question