Take the 2-minute tour ×
SharePoint Stack Exchange is a question and answer site for SharePoint enthusiasts. It's 100% free, no registration required.

i have a link on which i am opening a webpartpage embed in SharePoint ModalDialog. Inside webpart I have a textbox contains jquery.datepicker ..whenever i select the date the ribbons title scrolls up of dialogbox. I just figured out that if i place the following line in masterpage without the tag scroll="no"

<body onload="if (typeof(_spBodyOnLoadWrapper) != 'undefined') _spBodyOnLoadWrapper();" class="v4master" style="background-color: #F6F6F6">

I get two scroll bars like this (notice the extreme right) and when i select the date it actually scrolls up the ribbon and i need to go up again using the extreme right vertical scroll bar...but if put scroll="no" tag in box I only get 1 scroll bar the extreme right not the inside one..so when select the date and ribbon gets shifted up a little i cannot go up due to no scroll bar. how to fix this thing..I have fixed width master page design.

without scroll="no" directive in body tag (note two vertical scroll bars at right hand) enter image description here

with scroll="no" in body tag (note single scroll bar at right hand) enter image description here

here is my JQUERY in webpart.

<script type="text/javascript">
$(function () { 
   BindEvents(); 
}); 

$(function () { 
   var prm = Sys.WebForms.PageRequestManager.getInstance(); 
   prm.add_endRequest(function () { 
   BindEvents(); 
  }); 
}); 

function BindEvents() { 

  var $ = jQuery.noConflict(); 

   $('input[id*="txtftrNeededBy"]').datepicker({ dateFormat: 'dd-M-y', changeMonth: true, minDate: 0 });
   $('input[id*="txtNeededBy"]').datepicker({ dateFormat: 'dd-M-y', changeMonth: true, minDate: 0 });
   $('input[id*="txtftrQty"]').autoNumeric({ aSep: '', vMax: '999999', vMin: '0', wEmpty: 'zero', mDec: null });
   $('input[id*="txtQty"]').autoNumeric({ aSep: '', vMax: '999999', vMin: '0', wEmpty: 'zero', mDec: null });
  } 
</script>
share|improve this question
    
oh i just figured..its working fine in Mozilla firefox but happening weird in IE :( –  user342944 Dec 12 '12 at 14:35
    
Finally figured out the culprit but need assistance here to fix my problem :) see my edited question again –  user342944 Dec 12 '12 at 15:44

3 Answers 3

up vote 1 down vote accepted

there is a bug in jquery.ui.datepicker.js ..did the following to eliminate the weird scroll up behaviour.

change:

Line 1498: '" href="#">' + printDate.getDate() + '</a>')) + '</td>'; // display selectable date

to:

Line 1498: '" href="javascript:;">' + printDate.getDate() + '</a>')) + '</td>'; // display selectable date

Reference url : http://bugs.jqueryui.com/ticket/5981

share|improve this answer

what version jquery and jquery ui did you use?

share|improve this answer
1  
This does not provide an answer to the question. To critique or request clarification from an author, leave a comment below their post - you can always comment on your own posts, and once you have sufficient reputation you will be able to comment on any post. –  SPArchaeologist Dec 12 '12 at 14:11

Check the page's document type tag to make sure it is set and is set to a valid value.

share|improve this answer

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.