Page 3 of 4

Mobiscroll

Posted: Tue Jun 11, 2013 1:30 pm
by Emmz

Mobiscroll

Posted: Tue Jun 11, 2013 1:59 pm
by Michael4771079

Thanks Neil,
I have the time and date scroller working, Im trying to implement this for custom group scroller, https://github.com/acidb/mobiscroll


Mobiscroll

Posted: Tue Jun 11, 2013 5:48 pm
by Joe Bohen

Hi Michael,

Sorry it has taken some time to get back, I am on holiday at the moment and have limited access to a computer.

The code below will hopefully help you in constructing a bespoke scroller, I have not yet implemented a group scenario but this might get you started. As you are using the date picker you will have the mobi javascript and css files already included in your app. If I can be of any further help just post here.

var whl1 = { "Apples": "Apples", "Oranges": "Oranges", "Pears": "Pears", "Lime": "Lime", "Lemon":"Lemon" };

var whl3 = {};
for(var i = 1 ; i < 21 ; i++) whl3 = ""+i;

var newwhl = JSON.stringify(whl3);

$(function(){

Code: Select all

var whl2 = {'Car-Parts':'Car Parts', 
           'Car-Engines':'Car Engines',  
           'Mixed-Load':'Mixed Load', 
           'Other':'Other'}; 

var wheel = [{},{},{}];

Code: Select all

 wheel[0]['#Load'] = whl2; 
 wheel[1]['Packaged'] = whl1; 

wheel[2]['#Items'] = whl3;
$('#j_11').scroller({
display: 'modal',
mode: 'scroller',
wheels: wheel,
height: 25
});
});


Mobiscroll

Posted: Tue Jun 11, 2013 6:17 pm
by Michael4771079

Hi Joe,
thx for the code,
Im having a hard time getting me head around this subject, there are many files on github and I cant figure out what I need and where, and how it doesn't affect the time and date scroller, if its not to cheeky to ask,
if you have a sample app of this implementation along side date and time I will be able to see how it operates, I intend to buy subscription for this product, I just need to see its compatible with apperyio backend.

I hope you enjoy your holiday, if I had known I would not have asked.

cheers:)


Mobiscroll

Posted: Tue Jun 11, 2013 6:40 pm
by Joe Bohen

Hi Michael, Its no problem, have you had a look at the mobiscroll demos @ http://demo.mobiscroll.com/select/gro...#


Mobiscroll

Posted: Tue Jun 11, 2013 6:54 pm
by Michael4771079

yep Joe,
are you saying put html in panel and run js on screen load


Mobiscroll

Posted: Wed Jun 12, 2013 1:21 pm
by Emmz

Unfortunately.. Mobiscroll as gone retarded!!
VERY expensive monthly memberships are now required for custom download of components.
OMG! $45.00 a month for a scroller !! ? Too funny.


Mobiscroll

Posted: Wed Jun 12, 2013 1:24 pm
by Emmz

Oh! And need support for mobiscroll? They charge $29 just for a email.. Crazy and very disappointing


Mobiscroll

Posted: Wed Jun 12, 2013 1:29 pm
by Michael4771079

I agree Neil,
this is why when I came across a list scrolles on github that if I could figure out how to implement it, if you have any tips please feel free.


Mobiscroll

Posted: Wed Jun 12, 2013 4:43 pm
by Joe Bohen

Hi Michael,

If you drag and drop an input control onto your page and hit the test button and right click the input and select 'inspect element' you will see what id appery has given the input replace the ID (j_11) that I gave you in the sample code with whatever id appery has generated then paste the code into the page load event and run the test again clicking the input should show the scroller.

Image

var whl1 = { "Apples": "Apples", "Oranges": "Oranges", "Pears": "Pears", "Lime": "Lime", "Lemon":"Lemon" };

var whl3 = {};
for(var i = 1 ; i < 21 ; i++) whl3 = ""+i;

var newwhl = JSON.stringify(whl3);

$(function(){

var whl2 = {'Car-Parts':'Car Parts',
'Car-Engines':'Car Engines',
'Mixed-Load':'Mixed Load',
'Other':'Other'};

var wheel = [{},{},{}];

wheel[0]['#Load'] = whl2;
wheel[1]['Packaged'] = whl1;
wheel[2]['#Items'] = whl3;
$('#j_11').scroller({ // ,
wheels: wheel,
height: 25
});
});