# Picker + Picker Item and Date Picker

**URL:** <https://community.thunkable.com/t/picker-picker-item-and-date-picker/27267>\
**Category:** Questions about Thunkable X\
**Created:** [May 17, 2018, 3:41am UTC](https://community.thunkable.com/t/picker-picker-item-and-date-picker/27267 "2018-05-17T03:41:47Z")\
**Posts on this page:** 18\
**Page:** 1

<div class="post-metadata">

**Author:** ![Akmal\_Ariffin](https://avatars.discourse-cdn.com/v4/letter/a/9fc348/32.png) [@Akmal\_Ariffin](https://community.thunkable.com/u/Akmal_Ariffin)\
**Post date:** [May 17, 2018, 3:41am UTC](https://community.thunkable.com/t/picker-picker-item-and-date-picker/27267/1 "2018-05-17T03:41:47Z")

</div>

Hi,

1. When i refer to thunkable documentation, there is the Picker option at user interface but, when i try to use it, i cannot found the component under the user interface… its anyone can help me?

2. For thunkable android the is the option for date picker, its got any suggestion for the component that i can used to replace date picker in ios?

Thank you

---

<div class="post-metadata">

**Author:** ![actech](https://avatars.discourse-cdn.com/v4/letter/a/3d9bf3/32.png) [@actech](https://community.thunkable.com/u/actech)\
**Post date:** [May 17, 2018, 5:35am UTC](https://community.thunkable.com/t/picker-picker-item-and-date-picker/27267/2 "2018-05-17T05:35:44Z")

</div>

Hello,

You can not find this component because it does not exist. I do not know why the confusion in the documentation is made. See the [link](https://docs.thunkable.com/thunkable-cross-platform/release-notes) to deal with this.

---

<div class="post-metadata">

**Author:** ![Akmal\_Ariffin](https://avatars.discourse-cdn.com/v4/letter/a/9fc348/32.png) [@Akmal\_Ariffin](https://community.thunkable.com/u/Akmal_Ariffin)\
**Post date:** [May 17, 2018, 6:46am UTC](https://community.thunkable.com/t/picker-picker-item-and-date-picker/27267/3 "2018-05-17T06:46:10Z")

</div>

thanks for the respond…

i just saw it… **coming soon** … thank you… thank you…  
this component are important…  
so many limitation to make ios app similar to android app…

alright… thanks again…

---

<div class="post-metadata">

**Author:** ![actech](https://avatars.discourse-cdn.com/v4/letter/a/3d9bf3/32.png) [@actech](https://community.thunkable.com/u/actech)\
**Post date:** [May 17, 2018, 7:15am UTC](https://community.thunkable.com/t/picker-picker-item-and-date-picker/27267/4 "2018-05-17T07:15:59Z")

</div>

Akmal,

If you really need this picker component, then try to simulate it. I made a small example [here](https://ios.thunkable.com/copy/7d2aa716eec8db9183ff6964cd0a1387) for experiments with the floating action button with sub menu. I think the ideas from it can be used for picker, and for dialogues. On the Advances tab of the properties panel, for some components, you can set Position = absolute, on which everything is built.

---

<div class="post-metadata">

**Author:** ![Akmal\_Ariffin](https://avatars.discourse-cdn.com/v4/letter/a/9fc348/32.png) [@Akmal\_Ariffin](https://community.thunkable.com/u/Akmal_Ariffin)\
**Post date:** [May 17, 2018, 7:53am UTC](https://community.thunkable.com/t/picker-picker-item-and-date-picker/27267/5 "2018-05-17T07:53:41Z")

</div>

Thanks for the sample, i already try it, but i not understand what actually the output after we insert the value in textfield,  
one question for u… its we can get the listviewer value? or its only for display?

Thanks

---

<div class="post-metadata">

**Author:** ![actech](https://avatars.discourse-cdn.com/v4/letter/a/3d9bf3/32.png) [@actech](https://community.thunkable.com/u/actech)\
**Post date:** [May 17, 2018, 7:59am UTC](https://community.thunkable.com/t/picker-picker-item-and-date-picker/27267/6 "2018-05-17T07:59:33Z")

</div>

Try my new [example](https://x.thunkable.com/copy/b0d0b1fa10c0b4db48fb8cbc5069d6c0). It allows you to display list picker.

---

<div class="post-metadata">

**Author:** ![Akmal\_Ariffin](https://avatars.discourse-cdn.com/v4/letter/a/9fc348/32.png) [@Akmal\_Ariffin](https://community.thunkable.com/u/Akmal_Ariffin)\
**Post date:** [May 17, 2018, 8:01am UTC](https://community.thunkable.com/t/picker-picker-item-and-date-picker/27267/7 "2018-05-17T08:01:05Z")

</div>

I think i get your idea now… just focus on the button wright…  
okay… thanks so much… its really2 helpful… at least i can used this concept until thunkable release the component… 🤩 👌

Thank you so much…

---

<div class="post-metadata">

**Author:** ![Akmal\_Ariffin](https://avatars.discourse-cdn.com/v4/letter/a/9fc348/32.png) [@Akmal\_Ariffin](https://community.thunkable.com/u/Akmal_Ariffin)\
**Post date:** [May 17, 2018, 8:04am UTC](https://community.thunkable.com/t/picker-picker-item-and-date-picker/27267/8 "2018-05-17T08:04:49Z")

</div>

This one really amazing… this is what i actually looking for… thank so much…  
👨‍💻👍

---

<div class="post-metadata">

**Author:** ![actech](https://avatars.discourse-cdn.com/v4/letter/a/3d9bf3/32.png) [@actech](https://community.thunkable.com/u/actech)\
**Post date:** [May 17, 2018, 8:10am UTC](https://community.thunkable.com/t/picker-picker-item-and-date-picker/27267/9 "2018-05-17T08:10:51Z")

</div>

A small improvement. In the Column1.Height block, instead of 30%, specify Fit contents. Then the height of the dialog will automatically change by the number of entries in the list.

---

<div class="post-metadata">

**Author:** ![Akmal\_Ariffin](https://avatars.discourse-cdn.com/v4/letter/a/9fc348/32.png) [@Akmal\_Ariffin](https://community.thunkable.com/u/Akmal_Ariffin)\
**Post date:** [May 17, 2018, 8:13am UTC](https://community.thunkable.com/t/picker-picker-item-and-date-picker/27267/10 "2018-05-17T08:13:15Z")

</div>

Alright… nice… 👍

---

<div class="post-metadata">

**Author:** ![actech](https://avatars.discourse-cdn.com/v4/letter/a/3d9bf3/32.png) [@actech](https://community.thunkable.com/u/actech)\
**Post date:** [May 17, 2018, 8:41am UTC](https://community.thunkable.com/t/picker-picker-item-and-date-picker/27267/11 "2018-05-17T08:41:41Z")

</div>

Thank you very much! Thanks to the solution of this problem, I found a lot of new things for myself, including creating a dialogue with the shadow.

---

<div class="post-metadata">

**Author:** ![Akmal\_Ariffin](https://avatars.discourse-cdn.com/v4/letter/a/9fc348/32.png) [@Akmal\_Ariffin](https://community.thunkable.com/u/Akmal_Ariffin)\
**Post date:** [May 17, 2018, 9:04am UTC](https://community.thunkable.com/t/picker-picker-item-and-date-picker/27267/12 "2018-05-17T09:04:57Z")

</div>

Can apply the shadow to the floating component… make it more real…

---

<div class="post-metadata">

**Author:** ![actech](https://avatars.discourse-cdn.com/v4/letter/a/3d9bf3/32.png) [@actech](https://community.thunkable.com/u/actech)\
**Post date:** [May 17, 2018, 9:29am UTC](https://community.thunkable.com/t/picker-picker-item-and-date-picker/27267/13 "2018-05-17T09:29:28Z")

</div>

Yes. The shadow is not applied to the Column dialog container, but to the frame inside it, which is made from an empty Label with absolute positioning and relative sizes of 100%. Here’s a screenshot of how I did it.

 ![picker](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/f/8/f8bb58f15792233e3436b42ad25b0c0602cc909a.png)

---

<div class="post-metadata">

**Author:** ![actech](https://avatars.discourse-cdn.com/v4/letter/a/3d9bf3/32.png) [@actech](https://community.thunkable.com/u/actech)\
**Post date:** [May 17, 2018, 10:34am UTC](https://community.thunkable.com/t/picker-picker-item-and-date-picker/27267/14 "2018-05-17T10:34:58Z")

</div>

I found another interesting opportunity. If Picker is positioned above the full-screen button, you will be able to cancel the dialog when clicking this button.

---

<div class="post-metadata">

**Author:** ![Akmal\_Ariffin](https://avatars.discourse-cdn.com/v4/letter/a/9fc348/32.png) [@Akmal\_Ariffin](https://community.thunkable.com/u/Akmal_Ariffin)\
**Post date:** [May 17, 2018, 12:06pm UTC](https://community.thunkable.com/t/picker-picker-item-and-date-picker/27267/15 "2018-05-17T12:06:56Z")

</div>

Nice… currently mine appear on the top… still try to make it floating…

---

<div class="post-metadata">

**Author:** ![joao2235](https://avatars.discourse-cdn.com/v4/letter/j/278dde/32.png) [@joao2235](https://community.thunkable.com/u/joao2235)\
**Post date:** [July 12, 2019, 6:30pm UTC](https://community.thunkable.com/t/picker-picker-item-and-date-picker/27267/16 "2019-07-12T18:30:09Z")

</div>

The link is private…

---

<div class="post-metadata">

**Author:** ![actech](https://avatars.discourse-cdn.com/v4/letter/a/3d9bf3/32.png) [@actech](https://community.thunkable.com/u/actech)\
**Post date:** [July 13, 2019, 7:31am UTC](https://community.thunkable.com/t/picker-picker-item-and-date-picker/27267/17 "2019-07-13T07:31:54Z")

</div>

New versions of the dialogs you can see in this project.

[https://x.thunkable.com/projects/5cd84f23e3097f3353fdad45/project/properties/designer/](https://x.thunkable.com/projects/5cd84f23e3097f3353fdad45/project/properties/designer/)

---

<div class="post-metadata">

**Author:** ![ioannis](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/ioannis/32/146956_2.png) [@ioannis](https://community.thunkable.com/u/ioannis)\
**Post date:** [November 8, 2024, 12:02pm UTC](https://community.thunkable.com/t/picker-picker-item-and-date-picker/27267/18 "2024-11-08T12:02:47Z")

</div>


