Display Inline

[GoogleCodeExporter]

Not really an issue, per-say.

Wondering if it could be modified to work inline on a web page (non-popup). I 
figure you could use a hidden field to store the value, but (being quite new at 
jQuery) I'm not sure how I'd make the date picker show by default (in a 
sidebar, for example) and only show the 'set' button.

Is this possible? Thanks!

Original issue reported on code.google.com by a...@adamkragt.com on 4 Jul 2011 at 6:41

[GoogleCodeExporter]

Original comment by diosla...@gmail.com on 5 Jul 2011 at 6:54

• Added labels: Type-Enhancement
• Removed labels: Type-Defect

[GoogleCodeExporter]

I have the same 'problem' is there any chance to a patch or something like that 
to use this plugin inline and not 'onclick/onfocus' events?

Original comment by hostrick...@gmail.com on 8 Aug 2011 at 2:49

[GoogleCodeExporter]

I did this by removing the overlay and changing the CSS from `position: 
absolute` to `position: static` (the default).

Original comment by alexia....@gmail.com on 23 Aug 2011 at 12:44

[GoogleCodeExporter]

@Alexia - Thanks for your reply, can you please attach an example? I'm playing 
with the css and still didn't figure out how to display it inline..

Your help is very appricated.

Original comment by hostrick...@gmail.com on 23 Aug 2011 at 12:22

[GoogleCodeExporter]

@hostrick did you solve the challenge of displaying the scroller inline? If so 
can you post details as I am struggling to see how this should be done.

Thanks in advance.

Original comment by Olly....@gmail.com on 7 Sep 2011 at 11:06

[GoogleCodeExporter]

Hello

I also need inline movisroller.
Please help me.

Thanks

Original comment by skybear...@gmail.com on 11 Nov 2011 at 7:19

[GoogleCodeExporter]

Currently it's not supported, unless someone implemented it.

Original comment by diosla...@gmail.com on 11 Nov 2011 at 8:24

[GoogleCodeExporter]

Hi, 
Thanks for a great plugin!!
if anyone got it to be displayed inline can you explain how? 
Thanks!!!

Original comment by Sophia.f...@gmail.com on 7 Dec 2011 at 12:41

[GoogleCodeExporter]

Try this to popup inline:

    <script type="text/javascript">
        $(document).ready(function () {
            $('#date3').scroller({ preset: 'datetime' });
            $('#date3').scroller('show').scroller({ preset: 'datetime', theme:  'sense-ui', mode:  'clickpick'});
         });

    </script>

Original comment by Mr.Mike....@gmail.com on 16 Feb 2012 at 8:55

[GoogleCodeExporter]

Feature will be probably included in next major version (2.0)

Original comment by diosla...@gmail.com on 27 Feb 2012 at 7:26

• Changed title: Display Inline
• Changed state: Accepted

[GoogleCodeExporter]

I didn't want to edit the source.  So I used the following dirty work around to 
carry me through until version 2.0.  If you have multiple on the same page you 
may want to use a different selector than the class.:

$('#date3').scroller({ theme: 'ios' });
$('#date3').scroller('show');
$('.dw').each(function(index){
    $('#date3').append($(this));
    $(this).css("position", "relative");
    $(this).css("top", "0px");
    $(this).css("left", "0px");
    $(this).css("border", "0px none");
    $(this).css("padding", "0px");
}); 

$('.dwo').each(function(index){
    $(this).hide();
}); 
$('.dwbc').each(function(index){
    $(this).hide();
}); 

Original comment by jackmarr...@gmail.com on 29 Mar 2012 at 1:43

[GoogleCodeExporter]

Original comment by diosla...@gmail.com on 17 Apr 2012 at 5:46

• Added labels: Milestone-Release2.0

[GoogleCodeExporter]

Added in 2.0rc1 with option display: 'inline'

Original comment by diosla...@gmail.com on 25 Apr 2012 at 2:54

• Changed state: Verified