Positioning and sizing the widget.pickerWheel

mwlake08 · March 11, 2013, 2:42pm

I’m having problems positioning the pickerWheel widget.

Positioning the text, right, left, center works. Widget from top, left or right works. Width is where the problem is. No matter what I do:

 local pickerWheel = widget.newPickerWheel  
 {   
 left=0,   
 top = 800,  
 width=640, -- no effect  
 height=200, -- no effect  
 totalWidth=640, -- no effect  
 fontSize=40,   
 columns=columnData  
 }

Am I missing something? Where can I enter the parameters that will change the width and height of the pickerWheel widget? [import]uid: 101897 topic_id: 37486 reply_id: 67486[/import]

jflowers45 · March 11, 2013, 4:42pm

Is this on a daily build or the most recent public build? [import]uid: 32462 topic_id: 37486 reply_id: 145661[/import]

mwlake08 · March 11, 2013, 4:54pm

Build 2013.1050 [import]uid: 101897 topic_id: 37486 reply_id: 145665[/import]

steve.eikos · March 11, 2013, 7:48pm

Try using

overlayFrameWidth = 640,
overlayFrameHeight = 200,

That should set the with and height of your Picker Wheel.
[import]uid: 202464 topic_id: 37486 reply_id: 145679[/import]

mwlake08 · March 11, 2013, 9:13pm

That did the trick. Where did you come up with that piece of information? It’s not in the documentation!! [import]uid: 101897 topic_id: 37486 reply_id: 145687[/import]

steve.eikos · March 11, 2013, 9:57pm

I believe there was some updated information on what properties were changed from Widget 1.0 to 2.0 and that is where I found it. there was a link right above the widgets API reference, it is gone now.

I will try to find it. [import]uid: 202464 topic_id: 37486 reply_id: 145691[/import]

rob · March 11, 2013, 11:20pm

@mwlake08, there are two sets of documentation, one that goes with the last public build, which you find by clicking the “Documentation” link above. Until recently, you had to download a .zip file of the documentation that is published with each daily build to get documentation that is accurate for that daily build. Those zip files are still processed. There is now however a new way to get to the most recent daily build documentation. You can navigate to it by clicking the Documentation link above and in the top block of information look for this string:

The latest Daily Build API docs are also available

and click on the link “Daily Build API docs”.

or if you are a bookmarking person, go here and bookmark it:

http://docs.coronalabs.com/daily/api/

[import]uid: 199310 topic_id: 37486 reply_id: 145705[/import]

steve.eikos · March 12, 2013, 1:58pm

Thanks Rob, you are correct I remember getting this from the latest release.
[import]uid: 202464 topic_id: 37486 reply_id: 145774[/import]

jflowers45 · March 11, 2013, 4:42pm

Is this on a daily build or the most recent public build? [import]uid: 32462 topic_id: 37486 reply_id: 145661[/import]

mwlake08 · March 11, 2013, 4:54pm

Build 2013.1050 [import]uid: 101897 topic_id: 37486 reply_id: 145665[/import]

steve.eikos · March 11, 2013, 7:48pm

Try using

overlayFrameWidth = 640,
overlayFrameHeight = 200,

That should set the with and height of your Picker Wheel.
[import]uid: 202464 topic_id: 37486 reply_id: 145679[/import]

mwlake08 · March 11, 2013, 9:13pm

That did the trick. Where did you come up with that piece of information? It’s not in the documentation!! [import]uid: 101897 topic_id: 37486 reply_id: 145687[/import]

steve.eikos · March 11, 2013, 9:57pm

I believe there was some updated information on what properties were changed from Widget 1.0 to 2.0 and that is where I found it. there was a link right above the widgets API reference, it is gone now.

I will try to find it. [import]uid: 202464 topic_id: 37486 reply_id: 145691[/import]

rob · March 11, 2013, 11:20pm

@mwlake08, there are two sets of documentation, one that goes with the last public build, which you find by clicking the “Documentation” link above. Until recently, you had to download a .zip file of the documentation that is published with each daily build to get documentation that is accurate for that daily build. Those zip files are still processed. There is now however a new way to get to the most recent daily build documentation. You can navigate to it by clicking the Documentation link above and in the top block of information look for this string:

The latest Daily Build API docs are also available

and click on the link “Daily Build API docs”.

or if you are a bookmarking person, go here and bookmark it:

http://docs.coronalabs.com/daily/api/

[import]uid: 199310 topic_id: 37486 reply_id: 145705[/import]

steve.eikos · March 12, 2013, 1:58pm

Thanks Rob, you are correct I remember getting this from the latest release.
[import]uid: 202464 topic_id: 37486 reply_id: 145774[/import]

maxtrix2000 · March 25, 2013, 6:26pm

Hello guys, sorry for waking up the thread again, right now I set the size of the picker wheel with the overlayFrameWidth = XXX, the thing is that it does it correctly but I get a big empty space at the left side of the wheel, leaving the column without space for the text… I’ve tried modifying the width value of the column itself, (right now is blank so it should use the full available space), but it does nothing appart from overlapping out of the component… any clue on how can I use an area of 640 for one column? thanks!

rob · March 25, 2013, 10:05pm

Can you post a screen shot and your code creating the widget?

maxtrix2000 · March 26, 2013, 9:39am

the code is very simple, and it displays wrongly, seems that the additional space is added to the left of the column, instead of scaling the column itself.

self.\_categoryPicker = widget.newPickerWheel{&nbsp;&nbsp;&nbsp;&nbsp;id="pickerTimer", &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;top = 600, &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;left = 80, &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;backgroundWidth = 480, &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;overlayFrameWidth = 480, &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;columns = self:getCategoryData(), &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;fontSize=26, &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;} function MyClass:getCategoryData() &nbsp;&nbsp;&nbsp;&nbsp;local data = {} &nbsp;&nbsp;&nbsp;&nbsp;data[1] = {} &nbsp;&nbsp;&nbsp;&nbsp;local d1 = {} &nbsp;&nbsp;&nbsp;&nbsp;for i, v in pairs( stringTable) do &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;table.insert(d1, v) &nbsp;&nbsp;&nbsp;&nbsp;end &nbsp; &nbsp;&nbsp;&nbsp;&nbsp;data[1].labels = d1&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;data[1].align = "center"&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;data[1].startIndex = 1 &nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;return data end &nbsp;

maxtrix2000 · April 4, 2013, 11:28am

Here’s what it looks like btw.

maxtrix2000 · March 25, 2013, 6:26pm

Hello guys, sorry for waking up the thread again, right now I set the size of the picker wheel with the overlayFrameWidth = XXX, the thing is that it does it correctly but I get a big empty space at the left side of the wheel, leaving the column without space for the text… I’ve tried modifying the width value of the column itself, (right now is blank so it should use the full available space), but it does nothing appart from overlapping out of the component… any clue on how can I use an area of 640 for one column? thanks!