ListBox

#1 · March 13, 2019, 10:17 pm

ListBox object change it's view when we used on mobile platform. look at this picture:

How can we solve this problem?

#2 · March 15, 2019, 11:22 am

That's the way the operating system shows normal ListBox html objects.
You can try using BootStrap List Groups.
Just add this HTML code to a Container object:

<div class="list-group">
  <a href="#" onclick="$App.myvar='one'" class="list-group-item">First item</a>
  <a href="#" onclick="$App.myvar='two'" class="list-group-item">Second item</a>
  <a href="#" onclick="$App.myvar='three'" class="list-group-item">Third item</a>
</div>

Change 'myvar' and 'one', 'two', three', for your var name and the values you want to assign.

asmat has reacted to this post.

#3 · March 15, 2019, 10:09 pm

thank you so much. it's absolutely nice..

#4 · March 17, 2019, 11:17 pm

here i have one more question:

How can we add or remove items?

#5 · March 19, 2019, 8:24 pm

Use setObjectHTML command to change the Container's content.
You can create your own subroutines for adding or deleting items quite easily or even your own plugin :)

#6 · March 19, 2019, 9:46 pm

Please, if you have time, make a sample for me about this topic.

asmat has reacted to this post.

#7 · March 22, 2019, 10:54 am

@asmat, plase take a look here:
http://rickardn.github.io/listgroup.js/

I'm really busy these days, sorry.

#8 · September 17, 2020, 1:12 pm

Here is a sample app.

Uploaded files:

You need to login to have access to uploads.

ListBox - Forum

ListBox