SitePoint Sponsor

User Tag List

Results 1 to 3 of 3
  1. #1
    SitePoint Wizard
    Join Date
    May 2012
    Posts
    1,096
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)

    How do i position the date

    Hi, how do i position the datepicker in right side of my textbox ?


    Thank you in advance.

  2. #2
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,288
    Mentioned
    179 Post(s)
    Tagged
    6 Thread(s)
    Hi,

    Do you have an example so we can see what's happening.

    It also depends on what datepicker you are using exactly. I assume its the jquery datepicker which has its position controlled by javascript relative to the input. It won't be much use modifying the css as that will get over-written with an inline style when the js runs unless you use !important but then you would lose the js auto positioning . You could move it left or right using a margin I believe by modifying .ui-datepicker in the css file.

    e.g.
    Code:
    .ui-datepicker{margin-left:100px}

  3. #3
    SitePoint Wizard
    Join Date
    May 2012
    Posts
    1,096
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by Paul O'B View Post
    Hi,

    Do you have an example so we can see what's happening.

    It also depends on what datepicker you are using exactly. I assume its the jquery datepicker which has its position controlled by javascript relative to the input. It won't be much use modifying the css as that will get over-written with an inline style when the js runs unless you use !important but then you would lose the js auto positioning . You could move it left or right using a margin I believe by modifying .ui-datepicker in the css file.

    e.g.
    Code:
    .ui-datepicker{margin-left:100px}
    yeah I am using jquery datepicker,..and this works fine for me.

    Thank you


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •