Forum | Appery.io

I'm looking for a select drop down that is at bottom of screen. The one in appery appears in the middle of the screen and is quite cumbersome. Also when you fill from data service it always has a blank item at the top. Are there any other options?

Hi Aeneas -

Everything that is possible within jQuery mobile is provided in our builder, and nothing more.

How do I get this type of select?

Is it from official site, could you please share a link?

http://jquery.com/

Hi Aeneas,

This is pretty custom case and falls outside the scope of standard support.
Show us what you have tried and does not work, so we can advise.

How do I make the below dropdown contents

1. Appear under the dropdown parent;

2. Have a white background;

3. Have a smaller font; and

4. Not show the blank item at the top?

   

Hello Aeneas,

Select your component on the page and tick option "Native"
it should solve your problem

I have done that and now the selected text is centered. How do I get it back to the left?

Hi Aeneas,

Here is a solution to align selected value in the left:

1. Activate your select component and set "leftAlignText" as class name.
   Details: http://prntscr.com/6iz017/direct

2. Add new CSS asset.

3. Populate it with following CSS code:

   pre

   .leftAlignText .ui-btn span{
   text-align: left;
   }

   /pre

   Details: http://prntscr.com/6iz0bo/direct

   Then you will get following result: http://prntscr.com/6iz0jv/direct

   Regards.