ListBox Example Samsung Galaxy Tab 7 [Autos([Found])],[Autos([Len]-1)],[Autos],[Breakfast],[Found],[Len],[Listbox1],[Listbox2],[Listbox3],[TextInput1] True 1024 600 False False False WinEXE False en [AndroidOS,iOS,WindowsPhoneOS] normal True False False True True False False True False False .create empty array variable for our listbox on page 2 CreateArray [Autos] "" slCenterApp 1024 600 slAppBackgroundColor "#efefef" fadeIn fadeOut slSetCSSProperty "Page1" "border" "1px solid black" slSetCSSProperty "Page1" "overflow" "hidden" 216px 208px 152px 180px Alabama,Alaska,Arizona,Arkansas,California,Colorado,Connecticut,Delaware,Florida,Georgia,Hawaii,Idaho,Illinois,Indiana,Iowa,Kansas,Kentucky,Louisiana,Maine,Maryland,Massachusetts,Michigan,Minnesota,Mississippi,Missouri,Montana,Nebraska,Nevada,New Hampshire,New Jersey,New Mexico,New York,North Carolina,North Dakota,Ohio,Oklahoma,Oregon,Pennsylvania,Rhode Island,South Carolina,South Dakota,Tennessee,Texas,Utah,Vermont,Virginia,Washington,West Virginia,Wisconsin,Wyoming [Listbox1] Alabama False 216px 408px 256px 120px Static Listbox containing U.S. states. When a selection is made the name of the state is placed into the Listbox's variable. 528px 408px 256px 120px Static Listbox containing U.S. states with two letter abbreviations as values. Notice that although the value is not visible on-screen it is placed into the Listbox's variable when a selection is made. 528px 208px 152px 180px Alabama|AL,Alaska|AK,Arizona|AZ,Arkansas|AR,California|CA,Colorado|CO,Connecticut|CT,Delaware|DE,Florida|FL,Georgia|GA,Hawaii|HI,Idaho|ID,Illinois|IL,Indiana|IN,Iowa|IA,Kansas|KS,Kentucky|KY,Louisiana|LA,Maine|ME,Maryland|MD,Massachusetts|MA,Michigan|MI,Minnesota|MN,Mississippi|MS,Missouri|MO,Montana|MT,Nebraska|NE,Nevada|NV,New Hampshire|NH,New Jersey|NJ,New Mexico|NM,New York|NY,North Carolina|NC,North Dakota|ND,Ohio|OH,Oklahoma|OK,Oregon|OR,Pennsylvania|PA,Rhode Island|RI,South Carolina|SC,South Dakota|SD,Tennessee|TN,Texas|TX,Utah|UT,Vermont|VT,Virginia|VA,Washington|WA,West Virginia|WV,Wisconsin|WI,Wyoming|WY [Listbox2] AL False 376px 208px 120px 48px You selected: [Listbox1] 688px 208px 128px 48px You selected: [Listbox2] 496px 208px 4px 296px 216px 112px 432px 88px The contents of this Listbox come from a simple comma delimited string (stored in the 'items' property). This is a called a static Listbox because it cannot be easily modified at runtime. The next page contains a more flexible Listbox option. 936px 544px 72px 40px Next glyphicon-arrow-right pright GotoNextPage 0px 0px 1024px 96px 712px 8px 300px visualNEO-web.png https://visualneo.com 24px 16px 304px 32px List Box Example 1 h3 816px 120px 184px 64px False Required Plugins: Power App fadeIn fadeOut slSetCSSProperty "Page2" "border" "1px solid black" slSetCSSProperty "Page2" "overflow" "hidden" 224px 184px 200px 328px [Autos] [Listbox3] False 440px 184px 264px 56px Populate Listbox with Sample Data (CreateArray) glyphicon-arrow-left SetVar [Listbox3] "Ford" CreateArray [Autos] "Ford,Toyota,Honda,Jeep,Mazda,Audi,Subaru,Chevrolet,BMW,Chrysler,Fiat,Hyundai,Kia,Lexis,Volkswagen" 440px 264px 176px 24px Add an Item (ArrayAddItem) 440px 288px 184px 32px [TextInput1] Tesla If [TextInput1] > "" EnableObject "PushButton2" Else DisableObject "PushButton2" EndIf 632px 288px 72px 32px Add glyphicon-plus primary small If [TextInput1] > "" .make sure the new item isn't already in the array ArraySearch [Autos] "[TextInput1]" [Found] If [Found] = -1 .not found so add the new item ArrayAddItem [Autos] [TextInput1] .select the added item SetVar [Listbox3] [TextInput1] .clear the text box SetVar [TextInput1] "" .disable the add button DisableObject "PushButton2" Else AlertBox "Error" "[TextInput1] is already in the list." "" EndIf EndIf 440px 352px 264px 48px Remove Selected Item (ArrayDelItem) glyphicon-trash danger If [Listbox3] > '' .find the index in the array of the selected item ArraySearch [Autos] "[Listbox3]" [Found] If [Found] > -1 ArrayDelItem [Autos] [Found] .selected item is gone so something else ArrayLen [Autos] [Len] If [Len] = 0 .array is empty so delete the ListBox variable otherwise AngularJS will add an empty item to the ListBox :( DeleteVar [Listbox3] Else .select the item after the one we deleted If [Found] < [Len] SetVar [Listbox3] [Autos([Found])] Else SetVar [Listbox3] [Autos([Len]-1)] EndIf EndIf EndIf EndIf 440px 408px 264px 48px Sort List (ArrayAlphaSort) glyphicon-sort-by-alphabet .sort the contents of the array alphabetically ArrayAlphaSort [Autos] 440px 464px 264px 48px Reverse List Order (ArrayReverse) glyphicon-retweet .reverse the order of the items in the array (cool!) ArrayReverse [Autos] 16px 544px 72px 40px Prev glyphicon-arrow-left GotoPrevPage 936px 544px 72px 40px False Next glyphicon-arrow-right pright GotoNextPage 0px 0px 1024px 96px 712px 8px 300px visualNEO-web.png https://visualneo.com 24px 16px 304px 32px List Box Example 2 h3 224px 128px 680px 56px The contents of this Listbox come from an array variable (look at the 'items' property). To add or remove something from the ListBox all you need to do is modify the array. 0px 0px 640px 480px False