[F/OS] Custom List Picker and Choice Picker Extension

The_K_Studio · June 25, 2023, 1:12pm

Okay, thanks for testing and suggestions. I will try!

The_K_Studio · June 25, 2023, 3:20pm

Irrespective of font size? Ideally it should adjust item height as per the item font size. I have managed to do this.

Taifun · June 25, 2023, 4:02pm

Thank you for your contribution
A probably better name for the SetList property might be Elements, similar to the default listpicker...
Also you might consider to add an ElementsFromString property

Elements

Specifies the list of choices to display.

ElementsFromString

Set the list of choices from a string of comma-separated values.

Taifun

The_K_Studio · June 25, 2023, 4:07pm

Thanks for your suggestions. I will do this!

The_K_Studio · June 25, 2023, 6:24pm

UPDATED

Added properties to set:

Font size,

Item height (set 0 for automatic),

Font bold,

Elements from string,

Renamed SetList to Elements.

AfterPicking event will now return both selection and selection index.

Added getter properties

Suggest any new functions or modifications.

The_K_Studio · July 2, 2023, 4:22am

UPDATED

Added dialog height property to set custom dialog height in pixels. Set 0 for automatic.

Upcoming Feature: Multiple choice list picker dialog!

The_K_Studio · July 5, 2023, 11:32am

UPDATED

The_K_Studio:

Version 2

Added Single Choice Picker dialog which shows a dialog with radio buttons to select a item from it and returns selected item and index.

image724×317 31.2 KB

IMG_20230705_1651211080×1276 96.8 KB

Added Multi Choice Picker dialog which shows a dialog with check boxes to select multiple items from the list and returns a list of selected items and their indices.

image751×306 31.9 KB

IMG_20230705_1651041080×1292 93.1 KB

For both of these dialog radio button, checkbox, positive button and negative button color is depends on your app accent color. Dialog background color depends on app theme. You can set dialog title text and positive/negative button text.

Added properties to set positive/negative button text and dialog cancellable, when set false then dialog can not be dismissed unless clicked on Cancel.

Salman_Dev · July 6, 2023, 10:41am

That was awesome, I love this extension.

maybe in the future you can add a TextDialog where the TextBox can be customized and can be added as much as needed.

I think it might be easier if you develop it from an existing component in ai2 so it will be more efficient

blocks (1)

The_K_Studio · July 6, 2023, 10:47am

Thanks buddy. For showing Text dialog, DaffyDialog extension is already there. My extension focuses on list picker.

Salman_Dev · July 6, 2023, 11:00am

Oh okay then, I hope in the future there will be an extension that focuses on TextDialog made by you

Joejsanz · July 18, 2023, 8:45am

@The_K_Studio
I get this error with the app already installed.

The_K_Studio · July 18, 2023, 8:53am

See this.

You need to change your app theme other than Classic.

Joejsanz · July 18, 2023, 10:03am

It works perfectly, thank you very much @The_K_Studio

The_K_Studio · November 23, 2023, 10:54am

Updated: As requested by some user.

Carl_Aydelotte · December 12, 2023, 4:20am

Ugh.. I am not a fan of the other themes. I do like this extension and am building an app with it but I sure do wish there was a fix for this. The color schemes of the other themes is messing me up!

I did see that some users are requesting features.. something that would help me without having to change the Theme would be to have a way to change the text color of the hints in a text box.. is this possible?

I also notice that the Title Bar has changed when I use this extension. Any way to edit the text size?

The_K_Studio · December 12, 2023, 7:27am

Hi, for which dialog you are trying to set theme colors?

Carl_Aydelotte · December 12, 2023, 11:42pm

Hi.. thanks for the reply. I am using Device Default.. but really would prefer to use the Classic.

The_K_Studio · December 13, 2023, 5:58am

Unfortunately this extension does not work with AI2 Classic theme.

Also, single choice picker and multiple choice picker dialogs uses device default themes and app accent colors, so it cant be set as per user preferences but you can set app accent color.

For normal list picker dialog you customise its properties by using setter properties.

elmachi130 · January 3, 2024, 5:32pm

The_K_Studio

Does this extension only work with ListPicker?

and with spinner there will be some extension to change text size, color and centering

The_K_Studio · January 3, 2024, 6:29pm

Yes, this works same as list picker.