Want to win a PS4? Go Premium and enter to win our High-Tech Treats giveaway. Enter to Win

x
?
Solved

Jquery Datepicker relative to icon

Posted on 2011-09-04
2
Medium Priority
?
399 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
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 2
2 Comments
 
LVL 8

Accepted Solution

by:
mrh14852 earned 2000 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 2000 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

Important Lessons on Recovering from Petya

In their most recent webinar, Skyport Systems explores ways to isolate and protect critical databases to keep the core of your company safe from harm.

Question has a verified solution.

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

International Data Corporation (IDC) prognosticates that before the current the year gets over disbursing on IT framework products to be sent in cloud environs will be $37.1B.
A while back, I ran into a situation where I was trying to use the calculated columns feature in SharePoint 2013 to do some simple math using values in two lists. Between certain data types not being accessible, and also with trying to make a one to…
Learn the basics of lists in Python. Lists, as their name suggests, are a means for ordering and storing values. : Lists are declared using brackets; for example: t = [1, 2, 3]: Lists may contain a mix of data types; for example: t = ['string', 1, T…
Learn the basics of if, else, and elif statements in Python 2.7. Use "if" statements to test a specified condition.: The structure of an if statement is as follows: (CODE) Use "else" statements to allow the execution of an alternative, if the …
Suggested Courses

618 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