I am using a jquery calendar div. When clicking on calendar icon it doesn't show as a pop up, instead it shows up as a regular div and displaces the other page elements.
Here are the screenshots of the problem. I have reproduced the same problem in jsfiddle:
http://jsfiddle.net/sanjayingole/uuopy4y3/
This is before Clicking the Calendar icon:
This is after clicking the Calendar Icon. Other fields are displaced once you click on the Calendar link.
The expected behavior is to show the Calendar as a dialog so all the other fields remain in same position.
Here are the screenshots of the problem. I have reproduced the same problem in jsfiddle:
http://jsfiddle.net/sanjayingole/uuopy4y3/
This is before Clicking the Calendar icon:
This is after clicking the Calendar Icon. Other fields are displaced once you click on the Calendar link.
The expected behavior is to show the Calendar as a dialog so all the other fields remain in same position.
Issue resolved by applying datepicker to text field instead of div. Following link explains the fix.
ReplyDeletehttp://jsfiddle.net/sanjayingole/uuopy4y3/2/