Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Results 1 to 5 of 5
  1. #1
    Senior Member sasha_bolcina's Avatar
    Join Date
    Sep 2014
    Location
    Serbia
    Posts
    274
    Member #
    40099
    Liked
    47 times

    Bootstrap date picker from modal dialog

    I have to start Bootstrap date picker from Bootstrap modal dialog generated by ajax response.
    I'm forced to use jquery 1.7. (for many reasons - IE8 support, jqgrid and more)

    PROBLEM
    1. when date is opened it enlarges the page and triggers body scrollers showing
    2. modal dialog is not scrolling with body (like it has absolute position)
    3. opened date picker is scrolling with body instead to be bonded to date input in modal.

    TEMPORARY SOLUTION
    I use jquery to set dialog position per page scroll position

    This is not at all acceptable solution and I'm just breaking my head - why this happens and how to solve it, am I missing something?

    QUESTION
    Does anyone have experience with Bootstrap date picker in popup and solution for my problem?
    Can you open my mind, help me thinking, maybe, in different direction?
    Last edited by sasha_bolcina; Mar 23rd, 2015 at 04:51 PM.

  2.  

  3. #2
    Member
    Join Date
    Oct 2010
    Location
    Philadelphia
    Posts
    82
    Member #
    24186
    Liked
    8 times
    I don't have experiance with bootstrap ( I think I'm grateful, not sure, lol). But perhaps a solution would be to set focus to the picker when open, that might at least take care of the scroll issue ( if I'm understanding this right).

  4. #3
    Senior Member sasha_bolcina's Avatar
    Join Date
    Sep 2014
    Location
    Serbia
    Posts
    274
    Member #
    40099
    Liked
    47 times
    My date picker was generated in body section and this is why scroll bars appear.
    I solve the problem with jquery appendTo function (.appendTo() | jQuery API Documentation).

  5. #4
    Banned
    Join Date
    Mar 2015
    Posts
    21
    Member #
    48461
    Bootstrap is still the problem I'm having the most difficult time, I regret not being able to help you.

  6. #5
    Senior Member sasha_bolcina's Avatar
    Join Date
    Sep 2014
    Location
    Serbia
    Posts
    274
    Member #
    40099
    Liked
    47 times
    phuongthao, thank you, it's solved, look at my previous post


Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
All times are GMT -6. The time now is 08:58 PM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com