Solved

Jquery Datepicker relative to icon

Posted on 2011-09-04
2
395 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 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

Is Your Team Achieving Their Full Potential?

74% of employees feel they are not achieving their full potential. With Linux Academy, not only will you strengthen your team's core competencies but also their knowledge of of the newest IT topics.

With new material every week, we'll make sure that you stay ahead of the game.

Question has a verified solution.

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

The task A number given should be formatted for easy reading by separating digits into triads. Format must be made inline via JavaScript, i.e., frameworks / functions are not welcome. So let’s take a number like this “12345678.91¿ and format i…
This article discusses how to implement server side field validation and display customized error messages to the client.
Learn the basics of while and for loops in Python.  while loops are used for testing while, or until, a condition is met: The structure of a while loop is as follows:     while <condition>:         do something         repeate: The break statement m…
The viewer will learn how to dynamically set the form action using jQuery.

726 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